Nube,etiquetas movedizas

Podemos poner una nube de etiquetas en movimiento (tag cloud) en las columnas del costado con un efecto flash. Para esto usaremos un código que servirá para instalar esta herramienta, más comoda que la lista de etiquetas común.

Lo primero es ir a Diseño > Edición de HTML y SIN expandir artilugios buscamos esta etiqueta usando "ctrl + F":


<b:section class='sidebar' id='sidebar' preferred='yes'>

Ahora, debajo de eso pegamos lo siguiente:


<b:widget id='Label60' 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'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "190", "200", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Ahora pueden personalizar su nube con los datos que están en 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
333333 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 elemnto lo pueden arrastrar donde ustedes quieran.
Espero les sirva. Vale comentar!!!
Share on Google Plus

About Horacio Castro

    Blogger Comment
    Facebook Comment

1 comentarios:

  1. buenisimo horacio!!! gracias por hacer mi blog mas lindo jejeje!"
    saludos!
    y ya sos parte del puticlub!

    ResponderEliminar