CÓMO PONER UN ICONO EN LA LISTA DE ETIQUETAS

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

Para instalarlo vamos a Diseño  Agregar gadget Etiquetas

En título podemos colocar el nombre que queramos


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.

colocar-iconos-etiquetas-blogger
Ya tenemos instaladas las etiquetas en nuestro blog, si vamos a verlas se ven normales y lo que queremos en este tutorial es colocarles 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 nuestro botón
Y guardamos plantilla
colocar-iconos-etiquetas-blogger

Y listo!! a si de fácil ha sido ;)
*** En  padding-left, Nos indica cuanto espacio colocamos entre el borde izquierdo y las etiquetas
  • Nos quedará así:
Este serial el resultado final ♥

Recomendaciones:
La imagen del botón no debe de ser muy grande, las medidas ideales serian 16x16 hasta  20x20.
Aqui hay algunos iconos
Firma Post


No hay comentarios:

ir arriba