Como poner un icono en la lista de etiquetas en blogger

Vamos a aprender con este mini tutorial a cómo poner un icono en la lista de etiquetas en Blogger, el ejemplo lo podemos ver en la imagen que acompaña este tutorial o bien lo podemos ver visitando Crazy Juegos en la parte de la columna donde vemos el widget que dice “Categorías | Selecciona tus Juegos” como verán allí el icono que esta al costado con forma de joystick de videojuego es el icono que podrán agregar ustedes (este, u otros iconos) en las etiquetas de categorías, esto le dará un aspecto atractivo a tu lista de etiquetas.

Para empezar vamos a “Diseño”, luego a “Edición de HTML” allí nos quedamos ya que NO deberemos expandimos artilugios, en el siguiente paso buscamos el siguiente código ]]></b:skin> (recuerda que para realizar una búsqueda fácilmente presionamos Ctrl + F de esta manera aparecerá el cuadro de búsqueda en la parte superior de la pagina)  antes de este código ]]></b:skin> pegamos el siguiente código:


Ahora veamos lo siguiente:

- Por lo general la lista de etiquetas para categorías vienen con Label1 en el caso que tu widget llevara otro nombre simplemente lo reemplazas.
- La propiedad list-style, básicamente especifica el tipo de marcador de artículos de lista y etiquetas.
- La propiedad de padding-left, describe cuanto espacio vamos a colocar entre el borde izquierdo y la palabra/s de la etiqueta, en el código que agregue esta en 18, pero si lo vez muy encimado al texto de la etiqueta puedes subir ese valor hasta que tenga la distancia que desees.
- Por último en background colocaremos la URL o link del icono que vamos a agregar.
Este tutorial lo podremos aplicar en diferentes widget de enlaces, solo debemos cambiar el nombre de el widget como el que mencionamos anteriormente (Label1) por el del widget de enlaces al cual le vayamos a agregar los iconos (o iconos diferentes). Espero este tutorial te ayude a darle un toque estético a tus etiquetas.
Siguiente
« Prev Post
Anterior
Next Post »

1 comentarios:

Click here for comentarios
5 de septiembre de 2012, 22:00 ×

Muchisimas gracias yo trataba de hacer eso y no sabia como y no encontraba enste tutorial, y gracias a ti mi pagina se ve mas linda mushisimas grcias, me encanta tu blog es muy util

Selamat Ferchiz kawaii dapat PERTAMAX...! Silahkan antri di pom terdekat heheheh...
Balas
avatar
admin

Recuerda que tu mensaje será previamente revisado antes de que aparezca en el blog.

- Ten paciencia que tu mensaje pronto será aprobado.
- Comenta sobre el Artículo o Video que veas en esta Entrada.
- No dejes Spam
- No dejes comentarios fuera de lugar.
- Si necesitas contactarme deja tu mensaje aquí con un correo para contactarte. Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Thanks for your comment