El amigo Oloman del blog Olobloger nos enseñó oportunamente a implementar una nube de etiquetas al estilo de Blogumus pero sin los problemas de interpretación de tildes y eñes. Luego de adaptar lo que nos enseñó a nuestras necesidades tenemos una implementación simple que puede ser usada para etiquetas, enlaces a otras webs o cualquier dirección que se nos ocurra.
La misma se instala de forma muy simple colocando el código que adjunto en un elemento HTML/JAVA.
Como contrapartida a tal sencillez, la carga de la dirección de destino la deberemos realizar de forma manual agregando una línea de código que es repetitiva en toda la implementación y que les marco en color verde.
<a href='URL_x' style='12'>ENLACE_x</a>
<a href='URL_x' style='12'>ENLACE_x</a>
De esta forma, una vez que tenemos la etiqueta nueva, copiamos la dirección a dónde ella remite y la pegamos en un nuevo sector de código
Dónde dice ENLACE deberá colocar una descripción corta para ayuda visual (es el texto que se verá en la nube).
<div style="height: 200px; margin: 0px auto; text-align: center; width: 200px;">
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x8A0808&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x8A0808&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<a href='URL_1' style='12'>ENLACE_1</a>
<a href='URL_2' style='12'>ENLACE_2</a>
<a href='URL_3' style='12'>ENLACE_3</a>
</tags>" height="200" id="tagcloud" name="tagcloud" quality="high" src="http://sites.google.com/site/oloblogger/ficheros/tagcloud.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed></div>
Para ser más gráfico les dejo un ejemplo.
La nube que les muestro aquí arriba contiene el siguiente código que enlaza a tres etiquetas de este mismo blog.
La nube que les muestro aquí arriba contiene el siguiente código que enlaza a tres etiquetas de este mismo blog.
<div style="height: 200px; margin: 0px auto; text-align: center; width: 200px;">
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x8A0808&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<embed allowscriptaccess="always" bgcolor="#000000" flashvars="tcolor=0x8A0808&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<a href='http://generacionopin.blogspot.com/search/label/Fuentes' style='12'>Fuentes</a>
<a href='http://generacionopin.blogspot.com/search/label/Servicios' style='12'>Servicios</a>
<a href='http://generacionopin.blogspot.com/search/label/Trucos' style='12'>Trucos</a>
</tags>" height="200" id="tagcloud" name="tagcloud" quality="high" src="http://sites.google.com/site/oloblogger/ficheros/tagcloud.swf" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed></div>
El tamaño del campo de la nube se define mediante los clásicos parámetros width y height (ancho y alto) aquí prefijados en 200. (se debe modificar dos veces)
El fondo es transparente para que haga juego con cualquier plantilla, y ha sido definido mediante el parámetro wmode="transparent" que recomiendo no modificar.
El color del texto se selecciona modificando el tcolor=0x8A0808 donde el 0A0808 representa nuestro actual color rojo y que puede ser modificado a gusto del diseñador.
Si deseas guardar el software necesario y no depender del servidor de Olobloger puedes obtener uno en esta dirección (click en la dirección)
descargarlo, subirlo a tu propio servidor y luego cambiar su dirección en el código reemplazando donde dice http://sites.google.com/site/oloblogger/ficheros/tagcloud.swf .
De lo contrario sigue las instrucciones de Oloman aquí
Espero les sea de utilidad.
.png "English"){kind=small}
Publicar un comentario
Nota: solo los miembros de este blog pueden publicar comentarios.