Titulos de colores

Muy útil y sencillo, un truco que he visto en varios blogs, y queda bárbaro.
Se trata de poner un fondo de color o una imágen en el título de tus post.

Es importante que siempre antes que hagas un cambio en la plantilla guardes una copia, por si el truco no te funciona o no te gusta puedas volver a lo que tenías.
Nada es infalible...^_^

Paso a explicar

Primero buscamos en el CSS de nuestra plantilla:

.post h3 {

Debajo añadimos:

background: #fac699;
border: 0px #FFFFFF; height: 30px;

Queda así

Si queremos que la imagen se vea bordeada cambiamos el cero por el número que queramos, a mayor número, borde más grueso.
El color del borde #ffffff (blanco) lo podemos cambiar por el color que nos guste.
Height: 30px, esto marca el alto de la imagen, si no ponemos nada la imagen se adaptará al alto del título.

Si queremos que en vez de que el fondo sea un color, que sea una imagen añadimos el mismo código pero en vez del codigo hexadecimal ponemos la dirección de URL, quedaría así
background-image: url(URL DE LA IMAGEN)
border: 0px #FFFFFF; height: 30px;

Para hacer lo mismo con en el título de la sidebar, debemos añadir el mismo código debajo de:

.sidebar h2 {
Quedaría así


Seguir Leyendo...[+/-]