Tutorial:Personaliza la fecha de tu Blog


¡Hola, amigos bloggers!Hoy os traemos un post acerca de cómo personalizar vuestra fecha en los post. Es muy sencillo , sólo tenéis que utilizar las siguientes instrucciones:

1.Lo primero que que tenéis que hacer es una copia de seguridad de la plantilla:
(Plantilla→Crear/Restablecer copia de seguridad) 

2.Vamos a Diseño Personalizar Avanzado Añadir CSS.

3.Ahí copiamos el código que nos interese de los dos que pongo a continuación:


FECHA REDONDEADA
/*fecha de los post*/
.date-header span {
padding:
25px 3px 25px 3px;
border-radius:100px;
background-color: #pink;
}

*Cambiamos el texto que está EN ROSA por el color que queramos para el fondo,nosotr@s os recomendamos los códigos de la página COLORHEXA.


FECHA CON IMAGEN

/*fecha de los post*/
h2.date-header {
  height: 40px;
  line-height: 40px;
background:url(URL de la imagen)no-repeat;
height: 100px;
float: left;
}

*Cambiamos donde pone"URL de la imagen" por el enlace a la imagen que habréis subido a vuestro sitio(Albumes Picassa,Dropbox etc..)

4.Por último,le damos a Aplicar al BlogVer Blog.

Comentarios

Entradas populares de este blog

Tutorial: Cómo insertar tablas en las entradas de Blogger

Ocultar el mensaje de "mostrando entradas con etiqueta..." en las plantillas nuevas de Blogger