Tecnologías, Internet y Contenidos v. 2.0

Joomla, Wordpress, Blogger, Twitter...

Nube de tags en movimiento en Javascript.

votar

Hace tiempo me preguntaron como obtener una nube de tags en Dreamweaber, en un principio, pense que era muy complicado pero despues de investigar un poco, he dado con la respuesta.

Para obtener una nube como la que tengo en mi columna derecha, basta con que añadáis.. el siguiente código a vuestra página.


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


A continuación debeís crear un "div" cuyo id sea "flashcontent" y despues del div añadir el siguiente script.



<script type="text/javascript">
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "300", "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><a href='http://jmsgtecnologias.blogspot.com/search/label/Accesibilidad%20Web' style='12'>Accesibilidad Web</a><a href='http://jmsgtecnologias.blogspot.com/search/label/M%C3%B3dulos%20Joomla' style='12'>Módulos Joomla</a><a href='http://jmsgtecnologias.blogspot.com/search/label/Accesibilidad%20Web' style='12'>Accesibilidad </a></tags>");

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

so.write("flashcontent");
</script>

Debéis tener en cuenta que en donde pone so.addVariable("tagcloud", "...") tenéis que añadid un listado con vuestros enlaces a las etiquetas entre las etiquetas < tags >.

Este sistema se puede aplicar a cualquier tipo de página web y funcionará en cualquier navegador que tenga activado flash y javascript.

Ahora os toca a vosotros probarlo e implementarlo en distintas plataformas y contarnos como lo habéis hecho. Utilizad la opción de comentarios de esta misma página.

2 comentarios

  1. Tanis Says:
  2. Hola he insertado el codigo...

    Resulta que si funcionó en un principio, pero cuando acabé de meter las etiquetas a con direcciones de tags, previsualizo la pagina y no me lo muestra, he probado con otros y tampoco
    mi blog es kikomartibertomeu.blogspot.com.

    Si quieres intentar insertarla tu me avisas

    gracias por todo

     
  3. Jose Says:
  4. Acabo de ver tu blog.. y me aparece la nube asi que supongo que ya lo solucionaste.. Recuerda que si quieres añadir esta nube a un blog de blogger puedes hacerlo mediante un widget y se generarán automáticamente los enlaces. Puedes ver como hacerlo en nube de tags en movimiento en Blogger

     

Publicar un comentario

Archivo del blog

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