Publicado por: Beattoriche Sama jueves, 23 de abril de 2015

¡Hello minna! ¿Que tal están el día de hoy? Espero que muy bien, que ami me contagiaron la gripe y me siento fatal.

Pero bueno, hace poco subí un Layout como parte de la Iniciativa Al Estilo Blogger, y pues me pidieron que hiciera un tutorial explicando como se coloca, y pues aquí lo he traído, para todos ustedes.

Recuerden que para ver mejor las imágenes, den clic sobre ellas.

Sin mas que decir ¡Comencemos!




Antes de empezar, primero que nada tienen que tener un layout, no importa el tamaño, solo traten de que no rebase las medidas de sus blogs.

Yo usare el que deje la semana pasada.


NOTA IMPORTANTE: Para los que no sepan como hacer un layout, les dejare la siguiente imagen. Este es un tutorial hecho por: Kagome,AkameyLamu, así que todos los créditos a ella.



En el foro de Lamu, ella pone que el tutorial esta en nivel difícil. Pero puedo asegurarles que lo único que necesitan saber son las herramientas básicas de Photoshop. Si yo lo logre, ustedes también pueden. 

La primera vez que lo hice fue en el año 2012, y yo era una principiante en PS. El Lay de Undertaker, es como mi quinto o sexto intento.

Ahora bien, siguiendo con este tutorial. Como habrán visto en el tutorial de Lamu, allí pone que hay que recortar la imagen en tres partes, y esas serán las que usaremos nosotros.

Originalmente este era un tutorial para foros, por lo cual yo me quebré un poco la cabeza para poder pasar el código BBCode a HTML. Y este sera el que utilizaremos.

<div align="center">
<table border="0" cellpadding="0" cellspacing="0" style="text-align: center; width: 500px;"><tbody>
<tr><td><img alt="" src="Primera Parte" height="300" width="500" /></td></tr>
<tr><td background="Segunda Parte" height="300" width="500"><br />
<br />
TEXTO
TEXTO
TEXTO
TEXTO
TEXTO
<br />
<br />
Layout hecho por: <a href="http://sakurimo0n.blogspot.com/" target="_blank">Beattoriche Sama</a> en base a tutorial de <a href="http://graphicslamu.forovenezuela.net/" target="_blank">KagomeAkameyLamu</a>.
<img alt="" src="Tercera Parte" height="60" width="500" /></td></tr>
<tr><td></td></tr>
</tbody></table>
</div>
Por el momento no se preocupen por las medidas, que esas cambiaran conforme el tamaño que tengan en la entrada o pagina del blog.

Ya teniendo el código, y las url de las tres partes de la imagen. Crearemos una nueva entrada, que este completamente en blanco.


Después, nos iremos al botón HTML y lo seleccionaremos.


Ahora copiaremos en la hoja en blanco, nuestro código.


En el código ubicaremos las palabras, primera, segunda y tercera parte. Aqui es donde pondremos nuestras url, de las imágenes.



Volveremos a darle en redactar, así veremos una pequeña vista previa de lo que seria nuestra entrada.

Para finalizar quitaremos el "TEXTO TEXTO" por lo que seria el cuerpo de la entrada, o pagina. Para finalmente publicarla.

Tendría que quedarles algo así.


Y bueno, eso seria todo en esta entrada.
Me disculpo por el espacio que queda entre la primera imagen y el fondo, pero creo que es por el tipo de plantilla que tengo en estos momentos.

Espero les haya gustado,
Nos leemos.

∞ + ∞ + ∞ + ∞ + ∞ +
 photo FirmaBlog_zps8fbb89cd.png
 photo FirmaBlog_zps8fbb89cd.png

{ 7 comentarios... Leelos o Comenta }

  1. Interesante... Gracias por compatirlo :D
    Saludos!~

    ResponderEliminar
  2. he vivido debajo de una piedra al parecer xD xq ni sabia que se podia poner lays a las entradas, esta genial :D

    ResponderEliminar
    Respuestas
    1. Espero que te haya ayudado en algo. La verdad es que yo tampoco sabia, podía hacerlo en foros, así que me dije que en blogs también debía poderse.

      Gracias por pasarte.
      Saludos!

      Eliminar
  3. Hola!!!

    *0* QUE INTERESANTE! no lo sabia, pero grax a vos ya lo se :D

    ResponderEliminar
  4. oh buen tuto gracias!! queda muy boñito al final!!

    ResponderEliminar

Deja un comentario y cuéntame que te pareció la entrada.
Todo los comentarios son bienvenidos, solo recuerda ser respetuos@
------------------------------------------------------------------------------
También (si quieren) aquí les dejo algunos emoticones.

-w- =^w^= OwO/ xD o.o òwó nOn o//o O__O =w= °¬°

^__^ ^.^ @.@ :D ¬/////¬ *w* ._.? TwT (*´ω`*) (*゚ω゚) (^q^)

(´・_・`) (* •w•`)/ ☆ _(┐「ε:)_ ((((;゚Д゚))))))) (ू˃̣̣̣̣̣̣︿˂̣̣̣̣̣̣ ू) o(*^*)º

- Copyright © 2017 Blog De SaKuRiMo0n - Shingeki No Kyojin - Powered by Blogger - Designed by Johanes Djogan -

Esta web utiliza cookies, puedes ver nuestra política de cookies, aquí. Si continuas navegando estás aceptándola
Política de cookies +