Nube de etiquetas móvil para tu blog

Image by ancawonka via Flickr

¿Qué es una nube de etiquetas móvil?
Es esa nube de palabras que puedes ver moverse en forma redondeada en el sidebar de La taza de café. No son más que las etiquetas de nuestro blog, girando en una imagen animada.

Es un recurso muy práctico que permite que el visitante se fije rápidamente en el contenido de nuestro blog. Al interactuar con las palabras que flotan en la nube de etiquetas se puede acceder, al igual que en una lista de etiquetas convencional, a todas las entradas del weblog relacionadas con la etiqueta seleccionada.

¿Qué debemos hacer?

Para colocar nuestra Nube de etiquetas vamos a "Diseño", pestaña "Edición de html" y buscamos la etiqueta . Esta etiqueta se busca con el comando de teclado Ctrl+F, lo que abrirá al pie de nuestra página una barrita horizontal con una caja de texto, alli debemos colocar el siguiente texto:

(Recuerda: para seleccionar el texto dentro del recuadro que sigue haz click dentro del mismo y con el comando Ctrl+A selecciona todo el texto del interior del cuadro. Luego, con Ctrl+C lo copiaras y debes pegarlo ahora en un txt o documento word)

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

y mandar a buscarlo. Saldrá resaltado en la página. Justo debajo de él añadimos el siguiente código:

(Recuerda: para seleccionar el texto dentro del recuadro que sigue haz click dentro del mismo y con el comando Ctrl+A selecciona todo el texto del interior del cuadro. Luego, con Ctrl+C lo copiaras y debes pegarlo ahora en un txt o documento word)

<b:widget id='Label50' locked='false' title='Nube de etiquetas' type='Label'><br /> <b:includable id='main'><br /> <b:if cond='data:title'><br /> <h2><data:title/></h2><br /> </b:if><br /> <div class='widget-content'><br /> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/><br /> <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><br /> <script type='text/javascript'><br /> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");<br /> // uncomment next line to enable transparency<br /> //so.addParam("wmode", "transparent");<br /> so.addVariable("tcolor", "0x333333");<br /> so.addVariable("mode", "tags");<br /> so.addVariable("distr", "true");<br /> so.addVariable("tspeed", "100");<br /> 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>");<br /> so.addParam("allowScriptAccess", "always");<br /> so.write("flashcontent");<br /> </script><br /> <b:include name='quickedit'/><br /> </div><br /> </b:includable><br /> </b:widget><br />

Damos guardar los cambios y ya podemos ir a ver nuestro blog con la nube de etiquetas móvil añadida.