Translate

26/9/09

Blogumus: Nube de etiquetas en movimiento


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'>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<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>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>

No hay comentarios:

Publicar un comentario