Tutoriales Sobre Blogger: Personalizar la Viñetas con Imágenes Rellover para Blogger

Hemos visto que las viñetas de Blogger son muy apagas , en este tutorial te mostraremos como darle un toque profesional a esas viñetas apagas. El efecto es que cuando el cursor pasa
por encima de una frase insertada en una viñeta esta cambia haciendo un efecto Rellover


Para verlo solo ve las viñetas de mas abajo

• Paso 1: Vamos a Blogger>>Plantilla>>Edicion HTML
• Paso 2: Buscamos con Ctrol + F 

]]></b:skin>

• Paso 3: Por encima de  ]]></b:skin> pegamos lo siguiente

.post ul {list-style:none;
}
.post ul li {
    line-height: 1.4em;
        background: transparent url(URL IMAGEN) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
        background: transparent url(URL IMAGEN) no-repeat scroll 0px 4px;
}

•  Paso 4: Guardamos los cambios

Nota:- 
Cambia la URL por las de tus imagenes
Las imagenes no deben de pasar los 16px;16px Alto , Ancho