[Tutoriales] ¿Cómo hacer tu propia plantilla? Parte 3

Holiii!!! Hoy por fin, después de tanto tiempo os traigo la última entrada para hacer tu plantilla personalizada. En la anterior entrada os di una lista de tutoriales, mío y ajenos, con los que podrías personalizar lo básico en tu plantilla, además de un pequeño tutorial de como cambiar el footer del post, o pie de post. Hoy, en esta última entrada os enseñaré como hacer una cabecera muy buena y estilosa.

Lo primero, es saber si la cabecera será con letras solo, o con un render, que es como lo voy a hacer yo. Este es el render que utilizaré:

Para los que no sepan que es un render, es una imagen sin fondo ^^

Luego de esto, voy a ir a mi editor. Yo para editar fotos utilizo Gimp 2.8 porque es gratis y suficientemente bueno para hacer este tipo de cosas. Sin embargo, evidentemente, lo mejor para esto es Photoshop, el cual pueden comprar, o descargar pirateado, yo no lo tengo porque no lo puedo comprar, y no lo puedo descargar pirateado porque el ordenador es nuevo. También pueden utilizar algún editor online. Yo prefiero Gimp, así que les dejo un link para que lo descarguen, >>aquí<<. 

Bien, ahora entramos en nuestro editor y ponemos un lienzo nuevo. Cuando lo pongan, en Gimp, y en otro editores, les saldrá un cuadradito con las opciones para el nuevo lienzo, y allí les saldrá primero las medidas del lienzo. Yo les recomiendo que pongan el lienzo en horizontal, es decir, que en las medidas pongan más ancho que alto, aunque todo depende de vuestro blog y de sus medidas. Además, también en algún lado les aparecerá para elegir el fondo del lienzo. Yo les recomiendo que lo pongan transparente, queda más bonito, pero todo depende de ustedes.

Ahora vamos a donde tenemos la imagen, la abrimos y le damos a copiar, y luego nos volvemos al editor y la pegamos. Allí, nos saldrá como una capa pegada en Gimp, y editamos el tamaño y la posición. Luego, en donde están las capas, le damos al botón derecho y pulsamos en "a una capa nueva". 

Después, si quieres, le puedes añadir algo detras, una mancha, unos destellos, yo que se, lo que quieras, o puedes poner el nombre del blog, eso todo depende de ti, sin embargo, ya te digo, no te pases con los decoraditos!! Luego de eso, elegimos una fuente, y ponemos el nombre del blog, y lo que queráis. >>Aquí<< os dejo un link de una entrada para descargar mis fonts.

Este sería el resultado después de ponerlo en el blog:

Para centrar la cabecera, busca en tu blog la siguiente línea:

<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>

Justo debajo te aparecerá algo parecido a esto:

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

Y para centrarlo solo tienes que añadir lo siguiente antes y después de eso:

<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></center>

Y eso es todo!! Espero que los tutoriales os hayan servido, aunque me hubiera gustado hacerlos más largos. Créditos a los creadores de los render de las alas y la chica ^^

Beshus y hasta mañana!!