Iconos en el autor, comentarios y etiquetas

En el blog de Gem@ encontré la forma más sencilla de aplicar imágenes tipo iconos en los comentarios, autor y etiquetas al pie de las entradas.

Vamos a Plantilla/Edición de HTML y buscamos los CSS; el sitio idóneo para aplicar este código es justo antes de la línea
]]></b:skin>

A continuación copiaremos y pegaremos los siguientes códigos dependiendo del elemento al que deseemos añadir un icono:

·En Categorías/Etiquetas:
.post-labels
{ padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

·En Comentarios:
.comment-link
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

·En Autor de las entradas:
.post-author
{
padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat; }

En cada caso, donde dice "url_de_la_imagen" hay que añadir la url del icono que queramos mostrar, y podeis jugar con los paddings hasta que quede a vuestro gusto. Usamos la Vista previa y cuando estemos satisfechos del resultado guardamos cambios y listo!

Podeis encontrar bonitos iconos 16x16 por ejemplo en Iconfinder, que es de donde he sacado yo los míos