Añadiendo un icono a las fechas de los posts

Hasta ahora en posts anteriores hemos hablado de personalizar las fechas en los posts y de ocultarlas, pues bien, esta vez veremos como podemos resaltar la fecha de nuestros posts agregándole un icono o imagen.

Busca en tu plantilla:

/* Posts-------------------- */
h2.date-header {

Y sustituye lo que aparece entre las llaves { } por esto:

padding-left:30px;
padding-top:10px;
background-image: url(URL IMAGEN);
background-position:left;
background-repeat:no-repeat;

• background-image: Inserta la URL de la imagen en cuestión.


• padding: Posiciona la imagen, cambia los valores y usa la vista previa; la posición de la imagen puede ser top, right, bottom o left (arriba, derecha, abajo, izquierda)


• background-repeat: no-repeat, No repite la imagen, y si queremos que se repita, ponemos repeat

Via | La Bloguería te ayuda a poner un icono en las fechas de las entradas de tu blog

Posts relacionados:

1. Personalizando las fechas en los posts


2. Ocultando las fechas en los posts

+ info Via Vagabundia | Blogger: la fecha de los posts un post muy completo donde encontrarás toda la info necesaria y una serie de iconos tipo calendario para descargar.