Poner una imagen delante de "Publicado por", "Comentarios" y "Etiquetas" .

Me preguntaba Annie en el BlogRoll cómo hacer para poner una imagen antes de donde dice "Publicado por", "Comentarios" y "Etiquetas". Pues bien, los pasos a seguir son los siguientes:

Antes que nada deciros que en FamFamFam.com teneis multitud de mini-iconos para elegir, ya que lo primero será decidir qué imagen quereis poner delante de cada texto. Una vez la tengais decidida la subís a Imageshak para obtener su URL. (Ya sabeis: Examinar / Host it / y la URL que usaremos será la última, que dice Direct Link To Image).

Ahora que ya tenemos las imágenes seleccionadas haremos lo siguiente:

1. Accedemos a Plantilla / Edición de HTML. Buscamos ]]></b:skin> y a continuación (o antes, depende de la plantilla que useis. Probad de las dos maneras) pegamos los siguientes códigos en función de donde queramos añadir la imagen:

IMAGEN DELANTE DE "PUBLICADO POR"

.post-author
{
padding-left:20px;
padding-top:5px;
background: url(URL DE LA IMAGEN) center left no-repeat; }



IMAGEN DELANTE DE "COMENTARIOS"

.comment-link
{
padding-left:20px;
padding-top:5px;
background: url(URL DE LA IMAGEN) center left no-repeat; }



IMAGEN DELANTE DE "ETIQUETAS"

.post-labels
{ padding-left:20px;
padding-top:5px;
background: url(URL DE LA IMAGEN) center left no-repeat; }



Guardamos cambios y listo.