Nube de Etiquetas Animada

Hellou readers!!

Hoy viene Maddie con la petición de sthepany que nos dejó en el c-box de como hacer una nube te etiquetas como la que tenemos en nuestro sidebar del lado derecho. El truco no es mio, yo solo lo comparto, abajo dejo los creditos ;)

Nota: Siempre guarda una copia de tu plantilla, no siempre las cosas salen bien a la primera vale? =)

1. Antes de comenzar:
Necesitan tener etiquetas en sus post. También agregar el gadget (Agregar elementos- Buscar la opción Etiquetas (o Tags, en inglés).Esto deben hacerlo previo a colocar esta nube para que pueda "leer" el nuevo código que van a agregar. Al terminar de colocar todo lo que les voy a explicar podrán retirarlo. Igual funcionará la nube en flash.

Bien, Seguimos. Una vez que esto está funcionando trabajamos en la NUBE.

2. Ir a tablero >> diseño >> Edición de HTML

3. Buscar esta partecita de la plantilla (Pueden encontrar haciendo clic en Ctrl + F).


<b:section class='sidebar' id='sidebar' preferred='yes'>


4. Seguimos. Una vez que la encontraron, justito a continuación pegan esta otra parte.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Si quieren lo pueden pegar en una hoja de Word o de bloc y editan el código según sus
necesidades.
Es decir: ustedes pueden cambiar el ancho y alto de la nube
(que en el código aparece como width="250" height="200" .

El color de fondo puede ser blanco (como está predeterminado en este código
en la partecita que dice value="#ffffff). Cambien el ffffff por el color de
fondo de su columna. El número lo sacan del propio blog, en la sección Colores y fuentes.
Nosotras le colocamos el color que trae que es el blanco que es el que trae por defecto.

También pueden editar el tamaño de las letras de las etiquetas.
Bien, creo que eso es todo.
El único problemita de esta nube es que no funciona muy bien en todos los
navegadores.

Que tal, les gustó?... les fue útil?, espero que si!

Que esten bien!

**Información gracias a Ferípula