Tecnologías, Internet y Contenidos v. 2.0

Joomla, Wordpress, Blogger, Twitter...

Blogger - Nube de tags en movimiento para Blogger

votar

Después de mucho buscar.. por fin encontré una nube de tags más dinámica para Blogger. Como veis, ya la he puesto en mi página. Este plugín se originó en Wordpress y ahora gracias a BloggerBuster.com


Lo único que hay que hacer es editar el html de la plantilla de vuestro blog y donde queráis pues copiais el código que os dejo aquí abajo y ya está. Rápido, verdad? Lo podeis colocar donde querais, sepais lo que haceis. Si no lo sabeis con ponerlo debajo de la linea "
<b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"></b:section>

".

A continuación podreis editar varias opciones de configuración desde la vista de diseño del blog.
Os aconsejo que visiteis la página original si quereis editar las opciones de los colores o los tamaños.


<b:widget id='Label99' locked='false' title='Labels' 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", "240", "300", "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>

7 comentarios

  1. Anónimo Says:
  2. hola amigos quisiera saber si se puede colocar en dreanweber y como podria hacerlo agradezco su ayuda...
    www.rumbasinlimites.com

     
  3. Jose Says:
  4. En el apartado Preguntas y Respuesta de esta web explico como puedes hacerlo. Gracias por preguntar.

    http://jmsgtecnologias.blogspot.com/2009/09/nube-de-tags-en-movimiento-en.html

     
  5. Tanis Says:
  6. Puse tu script

    Resulta que cuando lo copie tal cual funcionó, pero al poner los nombres con direcciones y clikar en previsualizar, este desaparece todo. He vuelto a copiar el script tal cual pero ahora ya no me aparece. Mi blog es kikomartibertomeu.blogspot.com
    y mi mail tanisdelta@gmail.com

    gracias de antemano

     
  7. Jose Says:
  8. Veo que ya has resuelto tu problema, ya que en tu web se ve perfectamente la nube de etiquetas.. Un saludo y gracias por tu comentarios.

    Te recuerdo que has entrado, gracias a tus comentarios en un concurso en el que regalamos tres enlace para tu web durante un mes a las tres personas que más comenten en este blog. Mientras más comentarios hagas, más posibilidades tienes de ser el ganador.

     
  9. Lorena Says:
  10. Hola, he intentado colocar la nube de etiquetas pero tengo un problema. Si tengo, por ejemplo, nueve etiquetas en total, sólo me aparece siete, y en alguna aparecen todas las entradas para cada etiqueta y en otras no. ¿Por qué puede ser?

     
  11. pedro Says:
  12. hay algo parecido y tan espectacular para joomla 1.5?

     
  13. Jose Says:
  14. En esta entrada os explico como colocar la nube de etiquetas en Joomla 1.5. mediante un módulo que se llama joomulus. También lo podeis hacer a través de un modulo javascript como explico en: Nube de etiquetas en Javascript.

     

Publicar un comentario

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.