Cómo poner un icono en la lista de etiquetas
15.11.14
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ón aqui
¡¡ 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 en Lista *importante!
4.
Guardar.
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
Te ha gustado este tutorial? Compártelo en las redes sociales
7 comentarios
Un tutorial muy útil! muchas gracias Wendy, un beso.
ResponderBorrarSii, estas pequeñas cositas hacen los detalles del blog!
Borrar¡Wendy, qué de cositas bonitas nos estás enseñando! Al final vamos a tener los blogs más cucos de todo el mundo 2.0.
ResponderBorrarMuchas gracias por esta nueva lección... ¡Me ha encantado! Y tengo que ponerla en mi blog... algún día... jajajaja...
¡Un muackiles!
Hola Sonia! Gracias , espero que algún día! jajaja, de tanto tutorial ya no sabe una que poner en el blog!!
BorrarUn abrazooo!!
ay.. en que sale el codigo ese, se me bloquea la cabeza..jajaa... tendria que haber una especie de manual para novatos de código..jajaja...besicoss
ResponderBorrarJeje, vamos tu puedes! Ese código se pega en la plantilla de tu blog!
Borrarhola intentare hacerlo gracias
ResponderBorrarbesos
Gracias por tus comentarios