Adornar el pie del post (post footer)

Recuerda
que aunque yo pruebe los "trucos",
antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...

En el pie de la entrada es donde vemos el nombre del autor, la hora de publicación,los comentarios..., podemos ponerle una imagen de fondo para mejorar su estética y, a la vez, para evitar que se confunda con el texto del post.

Buscamos una imagen que nos resulte apropiada, para el ejemplo he escogido una un poco psicodélica, la verdad, pero así se ve mejor el ejemplo, creo yo...



Buscamos esta parte de la plantilla (post-footer), que se verá dependiendo de la plantilla de cada uno, como algo parecido a esto:

.post-footer {
margin: .75em 0;
color:$sidebarcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}

Y la sustituimos por esta otra:

.post-footer {
margin-bottom:15px;
margin-left:0px;
font-size: 87%;
background-image: url(http://img87.imageshack.us/img87/4306/ce021qt7.gif);
background-position: top center;
background-repeat: repeat;
}

El resultado será algo como esto:



Si además queremos añadirle un borde al post-footer, en el mismo código añadiremos una línea más de código parecida a esta:

border: 1px solid #ddd;

Ahí cambiamos según nuestras necesidades, el grosor del borde, el tipo de borde y el color.

¡Suerte!