Tecnología, Internet y Contenidos

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.