17 diciembre 2016

Creando una cabecera para el Blog

Bien chicos, como voy a tratar de subir una entrada cada día o cada dos días, hoy os traigo un nuevo tutorial para seguir construyendo nuestro blog desde cero. Lo que vamos a aprender hoy es cómo crear una cabecera que se ajuste a nuestro blog (usaremos Photoshop, pero no os preocupéis, no será difícil). Pues bien, vamos a empezar:

Lo primero que debemos hacer es asegurarnos del ancho que tiene nuestro blog, ya que necesitaremos saber esas medidas para colocar nuestra cabecera. Esto podemos comprobarlo en nuestro escritorio de Blogger, yendo a 'Plantilla/Personalizar/Ajustar ancho', como vimos en el tutorial "Anchos y estilos del Blog". En mi caso el ancho del blog es de 1010px, por lo tanto mi cabecera debe tener esa anchura.

Bien, para crear nuestra cabecera y hacer que se ajuste al blog, entraremos en el programa "Photoshop" y crearemos un nuevo documento con esas medidas: 990px de ancho y 300px de alto (los píxeles de alto podemos variarlos a placer, yo uso 300px porque me gustan las cabeceras contundentes, pero eso es cosa de cada uno). Nota: Nuestro ancho es de 1010px, nosotros crearemos una cabecera con ancho 990px porque Blogger tiene aplicado un "padding" a la cabecera de 10 px a cada lado, en el futuro explicaré qué es esto, de momento y para que me entendáis, debemos hacerla un poco más pequeña porque si no sobresaldría o quedaría descentrada.


Una vez creado nuestro documento en blanco con las medidas correspondientes, abriremos la imagen que queremos ajustar como cabecera, y la arrastramos a nuestro documento en blanco para ajustarla:


La ajustamos, pulsando Control+T, al tamaño de nuestro documento, y la guardamos como JPG o como PNG.


Ya tendremos nuestra cabecera. Ahora sólo nos falta colocarla en el blog, para ello accederemos al escritorio de Blogger, iremos a 'Diseño' y clicaremos en 'Editar' en el gadget de cabecera:



Se nos abrirá una pequeña página de configuración, en la que debemos clicar en el botón 'Seleccionar archivo':


Buscamos nuestra cabecera y la subimos, una vez cargada elegiremos la opción 'Detrás del título y la descripción' para que nuestra cabecera sea en sí misma un enlace a la página principal de nuestro blog, por último pulsamos en 'Guardar' y vamos a comprobar los resultados en nuestro blog :D




Bueno chicos, con esto ya habremos creado nuestra cabecera (bueno, más bien ajustado una imagen para que cumpla tal objetivo) y la habremos colocado en nuestro blog. Podéis observar que quedará el título de vuestro blog encima de ella, pero eso es algo que aprenderemos a ocultar dentro de poco, así que... ¡no os preocupéis!

Espero que os haya gustado y que os haya resultado sencillo, como siempre, espero también que me mostréis los resultados y ¡que dejéis vuestra huella en los comentarios!

Un comentario ayuda no sólo al autor del blog, sino también a todos aquéllos que entran en él ya que pueden ayudar a resolver dudas que antes no habían sido mencionadas, por ejemplo. Así pues, ¡no lo dudéis y dejad vuestra huella!

Recordad que estaréis ayudando además a más gente y, si no fuera por alguna duda, dejad vuestra huella para conocer vuestras opiniones tras leer cada entrada. ¡Gracias por seguir a la huella azul!