Cumulus - Blogumus (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>
</b:widget>




Para adaptarla a los colores del blog modificaremos lo siguiente :
En color azul ancho de la nube y rojo el alto
En verde el color de fondo
Color de texto en naranja
Tamaño de fuente color rosa


0 comentarios:

Publicar un comentario