Imagen en la fecha del blog

Antes de empezar hemos de conseguir la imagen que nos guste y subirla a una web de alojamiento de imágenes o al mismo Blogger, de este modo obtendremos su url.
A continuación buscamos en nuestra plantilla, en el CSS, esta parte de su código:

h2.date-header {

ahí podemos controlar el aspecto de nuestra fecha. Justo debajo, por ejemplo, colocamos estas nuevas líneas de código, así es tal como está el calendario que tengo en mi blog:

background: url(http://img178.imageshack.us/img178/1228/datevn4.png) center left no-repeat;
padding-left:20px;
padding-top:5px;

Según sea el tamaño de la imagen escogida, tendremos que cambiar el valor de padding-left (distancia del título a la imagen) y padding-top (nos ayudará a centrar la imagen con el texto).
Usamos la vista previa y si es de nuestro agrado, guardamos cambios. En la url de la imagen he dejado puesta la dirección del icono con el calendario que tengo en El Escaparate, por si queréis usarla o probar con ella antes de escoger la vuestra.
¡Suerte!

0 comentarios:

Publicar un comentario