La primera vez que vi esta nube en
WordPress pensé que el efecto era muy lindo y también que era una pena no poder añadirla a Blogger.
Poco después vi las primeras explicaciones de
J.Miur en
Vagabundia sobre
Cumulus, un plugin para WordPress que genera un archivo Flash y permite crear esta atractiva nube de etiquetas.
Rosa también explicaba como hacerlo siguiendo las explicaciones de
Blogger Buster donde se le llama a la nube
Blogumus.
Le siguió
Olomán y seguramente muchos más. Es por eso que no la había dado a conocer pensando que localizar las instrucciones no tenía pérdida ya que eran muchos los caminos para encontrarla, pero parece que después de un tiempo aún despierta interés así que ahí va.
Las explicaciones las extraje del blog de
Rosa, me pareció muy rápida y sencilla la forma de crear la nube y la tengo añadida a mi
blog de amigos desde hace tiempo.
Nos situamos en plantilla
Edición de HTML, marcamos para expandir la plantilla y buscamos lo siguiente:
<b:section class='sidebar' id='sidebar' preferred='yes'>
En lugar de esa línea podría ser que tuviéramos esta:
<b:section class='sidebar' id='sidebar' showaddelement='yes'>
A continuación añadimos el siguiente código
<b:widget id='Label99' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>