Como poner un Icono u Imagen en tu Lista de Etiquetas ♪ ☆

Para hacer este tutorial debemos de tener activo el gadget de etiquetas.

Para hacerlo vamos a → 

Diseño → 

Agregar gadget →

Etiquetas

En título puedes colocar el nombre que quieras

1. Vamos a etiquetas seleccionadas
2. Clic en editar (Esto es para no colocar todas las etiquetas en el blog, debemos de seleccionar las que más importancia tienen.)
3.  Clic en Lista *importante!
4.  Guardar.

Ya tenemos instaladas las etiquetas en nuestro blog, si vamos a verlas se ven normales y lo que queremos en este tutorial es colocarle un botón para mejorar su aspecto.

Así que copiamos este código:

#Label1 li {

list-style:none;

padding-left: 18px;

background: transparent url(URL de tu botón) no-repeat center left;

}

1. Vamos a Plantilla → Editar HTML

2. Ctrl+f (para buscar) y buscamos </b:skin>

3. Pegar antes de </b:skin> el código que hemos copiado.

***Donde dice URL del botón: debemos de pegar la url de nuestra imagen  botón

Y guardamos plantilla

Y listo!!

Nota: *** En padding-left, Nos indica cuanto espacio colocamos entre el borde izquierdo y las etiquetas

Aquí el ejemplo de este blog:

#Label1 li { list-style:none; padding-left: 33px; background: transparent url(http://dl6.glitter-graphics.net/pub/683/683156k6a7w9s3pn.gif) no-repeat center left; }