[Tutoriales] Personalizar el post-footer

 Holiii!!! Hoy les traigo un sencillo tutorial para editar el post-footer, que es lo que sale al final de las entradas. Es un tutorial muy muy sencillito, de CSS, así que será una entrada cortita.

Bueno, lo primero de todo, es ir a Blogger>Plantilla>Editar HTML, y buscar .post-footer {, y borramos todo lo de dentro hasta la siguiente } Y ahora, en el hueco que queda, ponemos el siguiente código:

margin: 1.5em 0px 0px;
padding-top:10px; /*Espacio entre el border y el texto*/
padding-bottom:10px; /*Espacio entre el border y el texto*/
padding-left:10px; /*Espacio entre el border y el texto*/
padding-right:10px; /*Espacio entre el border y el texto*/
background: #FF0000; /*Si quieres ponerle un fondo de internet, añade antes del punto y coma: url('URLDELAIMAGEN'). Si quieres que la imagen se repita en todo el espacio, poner repeat, al lado de lo de antes, y si no quieres, no-repeat. Para la posición, ponemos al lado de lo último, center top, right bottom o algo así*/
border-right: 2px solid #000000;/*Borde*/
border-left: 2px solid #000000;/*Borde*/
border-top:2px solid #000000;/*Borde*/
border-bottom:2px solid #000000;/*Borde*/ color: #000000;

Y ahora solo tienes que presonalizarlo. El ejemplo que yo puse arriba, haría que el post-footer estuviera en un cuadrado como este:

Algo como esto quedaría en el post-footer

Espero que os sirva.

Beshus y hasta mañana!!