La nube de etiquetas, tag cloud o label cloud - como quieras llamarle- sirve para tener una lista de categorías o etiquetas de manera más vistosa en tu blog. Las agrupa y dimensiona, dependiendo del número de post que cada una contenga.
¡Empezamos!
Entra a tu cuenta de blogger como siempre y ve hasta la parte de "Elementos de página" en la sección de la plantilla. Añade un nuevo elemento y elige "etiquetas".
Luego, ve hacia "Edición de HTML" y, SIN expandir la plantilla de artilugios, busca lo siguiente:
ANTES de eso pega el sigte. código:
/* Label Cloud Styles
----------------------------------------------- */
#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}
Luego, entre "b:skin" y el final de "HEAD" debes pegar lo siguiente:
Finalmente, debes bajar hasta la parte de la sidebar (casi al final de la plantilla) y buscar:
y reemplazarlo por:
Con esto ya tendrás lista tu nube de etiquetas y serás muy feliz.
Si deseas ajustar algunas variables ve a:
var maxFontSize = 20; ---Tamaño de la fuente máxima
var maxColor = [0,0,255]; ---Color de la fuente máxima
var minFontSize = 10; ---Tamaño de la fuente mínima
var minColor = [0,0,0]; ---Color de la fuente mínima
El tamaño de la fuente puedes cambiarla como en cualquier texto. El color de la fuente está basado en el sistema RGB, si quieres cambiarlo ve -->AQUÍ<-- y elige tu color favorito.
var lcShowCount = false;
Si quieres ver el número de post en cada etiquetas cambia el valor "false" por "true".
Vía: phydeaux3
Sigue Leyendo
___________