Nube de etiquetas en movimiento para Blogger

0



Podemos poner una nube de etiquetas en movimiento (tag cloud) en la sidebar de Blogger con un poco de flash. Para ello usaremos sólo un código que hará todo el trabajo sucio.


Lo primero es ir a Diseño > Edición de HTML y SIN expandir artilugios buscamos esta etiqueta:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Si usas una plantilla del Diseñador de Blogger entonces deberás buscar esta línea:
<b:section-contents id='sidebar-right-1'>

Justo debajo de ella pegamos lo siguiente:
<b:widget id='Label99' 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'>
&lt;object type="application/x-shockwave-flash" data="http://ciudadblogger.hostzi.com/tagcloud.swf" width="190" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="https://sites.google.com/site/ciudadbloggerfiles/Home/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>


Ahora podemos personalizar nuesta nube con los datos que están en color rojo:

Nube de etiquetas, es el nombre del gadget
190 es el ancho
200 es el alto
#ffffff es el color de fondo, en este caso blanco
000000 es el color de la letra
style='12' es el tamaño de la letra
"tspeed", "100" es la velocidad con la que se mueven las etiquetas





Ahora sólo guardan los cambios y listo. Este elemento lo pueden arrastrar donde ustedes quieran.

Agradecer no cuesta nada!

Cualquier post, link roto, o erroneo, porfa!, reportalo en este post , agradecemos tu cooperacion.

0 comentarios :