Powered by Blogger.

Agregar un divisor de Post a nuestro Blog


posted by Cinthya on

Comments Off

Esta vez vamos a crear un divisor de Entradas, esto es muy facil de hacer y rapido, comenzamos!...

1-Hacemos una copia o backup de nuestra plantilla.
2- Creamos nuestro divisor en Photoshop con una dimension de 410 x 70 px. y la guardamos para Web y dispositivos.
3-Vamos a nuestro blog DISENO---EDITAR HTML y con CTRL. +F buscamos el siguiente codigo
     .Post{
     margin: .5em o 1.5em;
     border-bottom: 0px dotted $bordercolor;
     padding-bottom: 1.5em;
     }
y lo reemplazamos con
     .Post {
     background: url (http://imagen.jpg);
     background-repeat: no-repeat;
     background-position: bottom center;
     margin: .5em o 1.5 em;
     border-bottom: 0px dotted $bordercolor;
     padding-bottom: 5.5em;
     }
NOTA: reemplazamos la parte en azul por nuestro acceso directo a la imagen (url de nuestro host, como por ejemplo picasa, photobucket, etc.)