Imagenes en Autor Categoria y Comentario

Gracias a gemablog

 

Aplicar imágenes tipo iconos en los comentarios, autor, categoría, etiquetas ect…
Primeramente vamos a localizar el lugar donde haremos las modificaciones, nos situamos en este orden:

Panel/Diseño/Plantilla/Edición de HTML

Buscaremos en nuestra plantilla los CSS justo antes de ]]></b:skin> es el lugar idoneo para aplicar nuestro código.
A continuación copiaremos y pegaremos los códigos dependiendo de la parte que deseamos añadir una imagen tipo icono.

“Imagen en Categoría o Etiquetas”

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

“Imagen en Comentarios”

.comment-link
{

padding-left:20px;

padding-top:5px;

background: url(url_de_la_imagen) center left no-repeat; }

“Imagen en (Publicado por) o Autor del blog”

.post-author
{

padding-left:20px;
padding-top:5px;
background: url(url_de_la_imagen) center left no-repeat;
}

(Donde dice url_de_la_imagen hay que añadir la url de la imagen seleccionada)

Escribe un comentario