La fecha de los post en blogger es mas importante de lo que crees!

La fecha de los post en blogger es mas importante de lo que crees!, si muchas veces creemos que hay opciones de bulto y no las prestamos la atención que merecen por ejemplo la fecha y hora.

Cuándo configuramos blogger, la zona horaria también nos la pide ¿para qué? muy sencillo para geolocalizarnos, cada vez es mas importante la geolocalización para Google, a parte de que suele ser un factor de peso a la hora de buscar información, también ayuda para poder clasificar al público para sus anunciantes.

A nosotros nos importa porque para nadie es lo mismo leer un artículo de moda escrito hace tres años que la semana pasada, por eso muchos blogs deberían poner mas atención a lo importante que es la fecha para los lectores, por cierto recomiendo si tenéis la oportunidad de marcar los datos estructurados de webmasters tools que la marquéis porque es muy importante.

Bueno y para que no os parezca tan aburrido el post vamos a adornar la fecha!!

Vamos a decorar la fecha, podemos añadir fondo de color, redondear los bordes o poner un fondo de imagen que os guste.

El proceso en ambos casos es muy sencillo debéis cambiar el código de la plantilla dónde pone .date-header span por el código que mas os interese, os dejo la explicación del código para que lo cambiéis a vuestro gusto, si algo no lo vais a modificar borrar la línea y ya está.

El código explicado de como decorar la fecha en blogger paso a paso.

color: elegir el color del texto con un signo de #delante
background-color: elegir el color del fondo con un signo de #delante
background: ruta de la imagen que uses, la puedes tener subida en un servidor, en dropbox, en un post solo de imágenes...
background-position:si quieres que el fondo esté centrado, a la derecha o a la izquierda
font-size: tamaño de la letra;
padding:distancia en pixeles a los bordes, son cuatro parámetros y van en este orden: arriba, derecha, abajo e izquierda.
border-radius: si quieres que no sean esquinas puntiagudas o redondas debes dar desde el 5px a 30px.

.date-header span {<br />
color: #4a4949;<br />
background-color: #a48c71;<br />
background: url("dirección de la imagen que uses");<br />
background-position: center;<br />
font-size: 11px;<br />
padding:25px 0px 25px 5px;<br />
border-radius:15px;<br />
}

Explicación para el padding:

 padding-top: 25px;<br />
padding-right: 50px;<br />
padding-bottom: 25px;<br />
padding-left: 50px;

Os dejo algunas imágenes para que las descarguéis para el fondo de la fecha de los post en blogger