Cómo poner un icono delante de las Categorías o Etiquetas


En ocasiones queremos colocar un pequeño icono (gif) delante de las Categorías o Etiquetas en nuestro blog. Para ello haremos lo que sigue.

Colocar, antes de /b:skin (en la Plantilla) el siguiente código:


#Label1 li {
list-style:none;
padding-left: 20px;
background: transparent url(URL DEL ICONO) no-repeat left;
}



Donde dice "URL DEL ICONO" colocaremos la dirección (http://...) donde habremos alojado, con anterioridad, la pequeña imagen.

Guardamos y comprobamos que el icono aparece en la página principal de nuestro blog, delante de cada categoría/etiqueta.

Si tenemos varios grupos de categorías (como sucede en este blog: Literatura, Astronomía, Música...), por cada una de ellas habrá que poner el código anterior, pero cambiando el número de la etiqueta: Label1, Label2, Label3 y así sucesivamente.




Comentarios

Publicar un comentario

Volver a "El rincón de Chesana".