Revista Comunicación

Cómo poner un icono en la lista de etiquetas

Publicado el 16 noviembre 2014 por Wendy Rayde
Hola! Que tal diamantes bellos?Espero que todo les este saliendo de maravilla!Antes de iniciar con este tutorial les quiero recordar que la escuelita aun esta abierta por si alguien falta y  quieren participar, pueden ver toda la informaciónaqui 

¡¡ ahora si, Vamos al tutorial!!

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 enLista *importante!4. Guardar.colocar-iconos-etiquetas-bloggerYa 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 ♥Cómo poner un icono en la lista de etiquetasRecomendaciones:La imagen del botón no debe de ser muy grande, las medidas ideales serian 16x16 hasta  20x20.Aqui hay algunos iconos

Te  ha gustado este tutorial? Compártelo en las redes sociales


Volver a la Portada de Logo Paperblog