Nube de etiquetas en 3D

  • Autor Autor joker3500
  • Fecha de inicio Fecha de inicio
joker3500

joker3500

Dseda
Redactor
Encontre este siple codigo para crear la denominada "Nube de tags 3D"
y vi que muchos querian saber como se hacia asi que les comparto este sencillo metodo.
Lo primero es ir a la plantilla y buscamos:

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

Justo debajo de ese código pegamos lo siguiente:

HTML:
<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", "0x000000");
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 podemos cambiar la nube, para ello, lo que está en rojo deberéis cambiarlo de este modo:
Nube de etiquetas, es el nombre del gadget, no se puede dejar en blanco, si no queréis que aparezca el título, eliminad el código que he señalado en verde
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, en este caso negra
style='12' es el tamaño de la letra
"tspeed", "100" es la velocidad con la que se mueven las etiquetas.

Espero les sirva
saludos!
Fuente
________________________________
Columna GrisTecnología, inventos, gadgets y mucho más.
 
Buen aporte amigo, cuando tenga más contenido en mi último blog quizás lo use 😉
 
Buen aporte 🙂 Enlace eliminado
 
ya lo habia usado para otro blog pero que bonito me quedo en mi blog para descarga de musica.

:afraid:
 
edito: al parecer el script tiene error porque cuando actualizo la pagina no aparecen las etiquetas
 
Gracias por el aporte, pero es para blogger, en WP ya esta default
 
Si, si, es para blogger, en wp ya lo tienen!
gracias por los comentarios!😛
 
Atrás
Arriba