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.

Ocultando las fechas en los posts

Hola de nuevo, en el post anterior mostraba como puede personalizarse la fecha en las entradas de un blog tal y como puedes ver en este, he de decir que en ocasiones en lugar de personalizarla, lo que querríamos es ocultarla, pues lo haremos de la siguiente manera.

Simplemente debes buscar en tu plantilla esta porción de código y añadirle la línea en negrita:

/* Posts-------------------- */
h2.date-header {
margin:1.5em 0 .5em;
visibility:hidden; }

Via | La Bloguería te ayuda a ocultar las fechas de las entradas de tu blog

Posts relacionados:

1. Personalizando las fechas en los posts


2. Añadiendo un icono a las fechas de 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.