Nube de Tags o Etiquetas en movimiento

Fuente: El blog de angi

Como verán, hace poco agregué una nube de tags o etiquetas en movimiento y como me pidieron que expliqué como lo hice acá les pasó la info necesaria para hacerlo:

¿Cómo poner la nube de Tags o Etiquetas en movimiento?

Nos vamos a nuestro panel de Blogger "Edición Html" y sin expandir las plantillas de artilugios buscamos estas líneas en el código ( si tienes más de una sidebar, localizala en donde esten las etiquetas):

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

Justo debajo de ese código, pegamos lo siguiente:

<b:widget id='Label50' locked='false' title='Nube de etiquetas' 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'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></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>


Parámetros que pueden cambiar según sus gustos:

• Cambiar el ancho (240px) y el alto (300px) de la nube:

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

• Cambiar el color de fondo de la nube (#ffffff):

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

• Cambiar el color del texto (333333 manteniendo delante el 0x tal cual está):

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

• Cambiar el tamaño del texto (12):

so.addVariable("tagcloud", "");