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.
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
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