Nube de etiquetas flash en blogger

tagcloud
Los tag clouds muestran tus etiquetas visualmente bonitas y ordenadas por tamaño según la cantidad de entradas en cada una, en blogger no esta por defecto como en wordpress, por lo que necesitaremos uno más de los famosos hacks.

Para agregarla, vamos a Plantilla -> Edicion HTML (no expandas artilugios)
El codigo se divide en 3, el primero lo pegamos antes de “]]>

Codigo 1:

/* Label Tag Cloud */

#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none
!important;padding:0 5px;margin:0;vertical-align:baseline
!important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0
3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count
{padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:”" !important}

El siguiente lo pegas despues “]]>” y antes de “”

En http://TU-BLOG.blogspot.com pones la direccion de tu blog (¬¬)

Ahora, busca lo siguiente (Control + F):

El tag completo es algo asi: pero el title tal vez sea distinto en tu caso.

Esa misma linea (toda) la debes reemplazar por el siguiente codigo:













  • label.name/>

    label.name/>

    (label.count/>)









    Para terminar, ve a Plantilla -> Elementos de pagina -> añadir nuevo elemento -> etiquetas.

    Eso es todo, ahora tendrás una nube de etiquetas en tu blog ^^

    ACTUALIZACIÓN:
    Crear facilmente nubes de etiquetas o label clouds,
    con estos sistemas:
    TagCloud o ZoomClouds

    Un pensamiento en “Nube de etiquetas flash en blogger

    1. No es mala idea en verdad, pero al margen de que la letra del tema de tu blog es muy pequeña, utilizar color azul sobre fondo negro es una mala idea: no se puede leer nada. Por lo demás, buen tip, gracias por compartir.

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

    *

    Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>