martes, 2 de agosto de 2011

Nube de etiquetas en movimiento

ATENCIÓN:
Este código presentó problemas con el alojamiento de un archivo, el archivo ya ha sido realojado y se ha modificado el código.
Si tu nube de etiquetas ya no se ve elimina la anterior y repite estos pasos.
Si tienes problemas con la nube de etiquetas en Internet Explorer visita la entrada de Oloblogger con otra opción para colocar la nube.



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.

NOTA: Siempre antes de hacer un cambio en la plantilla deben guardar una copia de ella.

0 comentarios:

Publicar un comentario

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Buy Coupons