Se trata de un widget basado en Flash muy curioso, que muestra las etiquetas del blog en forma de nube, con movimiento al pasar el cursor por encima.
El resultado puedes comprobarlo aquí mismo:
Pega este código:
<center><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0x000000&mode=tags&distr=false&tspeed=100&tagcloud=<tags>
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_1' style='12'>ETIQUETA_1</a>
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_2' style='12'>ETIQUETA_2</a>
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_3' style='12'>ETIQUETA_3</a>
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_4' style='12'>ETIQUETA_4</a>
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_5' style='12'>ETIQUETA_5</a>
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_6' style='12'>ETIQUETA_6</a>
</tags>" type="application/x-shockwave-flash" height="200" src="http://sites.google.com/site/scriptsbalcon/b/tagcloud.swf" id="tagcloud" bgcolor="#ffffff" width="360" name="tagcloud"></embed></center>
Ahora reemplaza en cada uno de los enlaces:
TITULO BLOG por el título de tu bitácora, sin el http:// ni el .blogspot.com.
ETIQUETA_1 por el texto de la etiqueta (cada una debe incluirse dos veces). Es importante que escribas la etiqueta tal cual aparece en tus entradas, introduciendo las letras mayúsculas si es necesario, así como los espacios que contenga (si está compuesta por varias palabras).
Ten en cuenta que las etiquetas con acentos no se mostrarán correctamente y pueden impedir el correcto funcionamiento del truco, así como las de mayor extensión.
Personalizar la nube
tcolor=0x000000 Representa el color del texto. Para cambiarlo, accede a la tabla de colores y reemplaza 000000 por el valor hexadecimal del color, sin incluir la almoadilla (#), solo las seis cifras.
height="200" Representa la altura que tendrá la nube. En el ejemplo tiene una altura de 200px (recomendada para la mayoría de las barras laterales) pero puede editarse a tu gusto.
bgcolor="#ffffff" aporta el color de fondo. Cambia el valor #ffffff (colo blanco) por el color de la tabla de colores que desees.
width="360" Representa el ancho de la nube. Si vas a situarla en la sidebar te recomendaría un valor entre los 180 y los 200 píxeles.
En caso de querer mostrar más etiquetas, agrega líneas como esta, debajo de las presentes:
<a href='http://TITULO BLOG.blogspot.com/search/label/ETIQUETA_6' style='12'>ETIQUETA_6</a>
Del mismo modo, si deseas mostrar enlaces a páginas web o blogs en lugar de etiquetas, utiliza líneas como esta:
<a href='URL DE LA PAGINA' style='12'>TITULO</a>
En URL DE LA PAGINA introduce la dirección del enlace y sustituye TITULO con el texto del link.
Guarda el gadget para terminar.
Muchas gracias!!!!
La verdad que me fue de mucha utilidad, gracias.
Hola yojuanefe, me alegra muchísimo que te guste, la verdad es que a mi me gusta mucho también, además ¡es muy cómoda! saludos :)
Saludos
Que bueno que colocas este post
ya estaba cansado de buscar la nube de etiquetas, anteriormente la habìa colocado en mi blog pero no sabìa modificar el tamaño ni los colores y aquí esta todo lo que necesito.
suerte con tu blog
HOla Shazam!! me alegra que te sirva de ayuda todo esto, recuerda que puedes cambiarle el diseño a la nube ;-) y ponerle tus colores preferidos :-) Saludines!!
Excelente tu aporte... pero tengo una pregunta: ¿sería posible ponerla en una pagina web, cómo sería?
Jacklead, me alegra que te guste la nube ^_^ verás, la instalación en una página web sería un tanto diferente.
Quizás se pueda poner pero desconozco el precidimiento para aplicarla ya que, este truco, utiliza el gadget de etiquetas que aporta blogger.
Si logro informarme te avisaré. =) ☺
Hola, tengo un problema, no se ve en IE qué hago?
Jacklead, lo probé y me funciona bien. De todas formas voy a editar un poco el código para ver si se visualiza correctamente, porque yo la veo en IE pero se paraliza un poco.
Decia que en mi plantilla no aparece la sección sidebar.¿es por que me falta? Quiero poner la nube estática que aparece en mi blog,transparente y en movimiento.A ver si me puedes ayudar,gracias
Galileo Galilei, tienes razón. Esto se debe a que tu plantilla no tiene los mismos nombres que las originales de blogger.
En tu caso, la sidebar es denominada: rightpanel.
Si lo deseas, puedes mandarme tu plantilla (con los elementos expandidos) en un documento de word a mi correo.
Le daré un vistazo e intentaré ayudarte lo mejor posible. ☺
Hola, tengo un problema me sale en blanco ¿?
Hola, me sale el fondo en blanco ,sin las entradas
gracias
güyli, debes saber que si las etiquetas de tu blog llevan acentos o están compuestas por demasiadas letras, no se muestran.
Quizás ese sea el problemilla.
Muchas gracias Jaime.............este post estuvo maravilloso
Dario, ya veo lo bien que te quedó en tu blog de Fútbol. Me alegra que hayas podido instalarla ☺.
sencillo, fácil y rápido, gracias carnal! :D
¡Cierto, Anónimo! En unos pocos pasos instalamos una nube estupénda.
ai no lo puedo poner , yo tengo la plantilla tecka y no lo encuentro , espero que me puedas ayudar, muchas gracias
Rochi F., prueba a buscar esta otra línea:
<div id='sidebar-wrapper'>
Un poco más abajo aparecerá una similar a la que se indica en la entrada.
Si necesitas algo más dímelo ;).
Pues este truco aparece cuando quiere. He oido que para que aparezca siempre hay que subir un scrip pero la forma de hacerlo no me ha quedado clara. Podrías abrir un post para explicar de forma sencilla como hacerlo? Gracias y un saludo
Eddie
Hola, coloque la nube de etiquetas hace meses y funcionaba de maravilla, pero de repente dejo de hacerlo. He vuelto a intentarlo y sigue sin funcionarme. Mi blos es http://elrinconcitodejorgeenciso.blogspot.com/. A ver si puedes ayudarme, Gracias.
Eddie, comprueba la entrada ya que acabo de editarla y la nube funciona correctamente.
¡Saludos!
Jorge Enciso, como le comenté a Eddie, acabo de modificar la entrada y el truco. Ahora funciona a la perfección, por lo que intenta instalarla de nuevo.
Si necesitas ayuda en algo avísame.
Me alegro mucho de que hayas podido instalarlo, The_krizald. Modifiqué el código por lo que ya no habrá problemas como anteriormente.
Muchisimas gracias!! al fin alguien que lo hace simple
Es una alegría oír eso, Marcos. Intenté hacerlo de la manera más simple y con las indicaciones sencillas por lo que supongo que te ha funcionado.
hola, la nube me funciona muy bien en mi escritorio pero al subirla a la web ya no sale (todo en blanco) a que puede ser debido? gracias
Anónimo, ¿A qué te refieres con Escritorio? Debes saber que las etiquetas con acentos o tildes suelen ocasionar problemas en la nube.
Que tal espero que estes bien es mi primer comentario tu blog esta my chingon pero necesito ayuda con esta nuve,
Ya tengo lo hice pero pues no se si se pueda poner el fondo trasparente a ver si me ayudas porfa te lo agradeceria muchisimo graxx opor tu blog
CARLOSALFRED, para conseguir un fondo transparente en la nube deberías modificar el script y volverlo a alojar por lo que te recomendaría que hicieses esto otro:
Reemplaza #ffffff en bgcolor="#ffffff" con #000000, que representa al color negro (del que el fondo de tu blog se compone).
Buenas, he colocado la nuve en mi blog y necesito cambiar el color de preselección de los textos de negro a otro color más claro (naranja) como lo hago? porque solo tengo la opcón de cambio de color del fondo y del texto.
Muchas gracias por todo
MINDUNDI-TEAM, ¿Te refieres a configurar la nube con los colores que posee la del ejemplo en la entrada?
Me aparece la nube, pero no me deja hacer click sobre ellas. ¿que puede ser? ¿ a que te refieres con...TITULO BLOG por el título de tu bitácora, sin el http:// ni el .blogspot.com.?
GRacias por contestar.Saludos
Federico, me refiero a que debe incluirse el nombre del blog, es decir, en tu blog 'ICA -Instituto de Ciencias de la Administración-', incluirías únicamente icaucsf. Si te fijas en el código, encontrarás el .blogspot.com ya incluido.
GRacias Jaime, ahora si lo puede ver correctamente. Saludos
Es algo común en los pasos de muchos tutoriales, Federico, por lo que a partir de ahora sabrás la parte a incluir en la línea destinada a la URL del blog.
Federico, gracias por el código de esta Nube de etiquetas. Soy nuevo en esto de los Blogs y siempre me ha llamado la atención este modo de presentar las etiquetas, aunque no sabía como hacerlo.
Gracias de nuevo.
Me alegra que te haya gustado el script para mostrar las etiquetas en movimiento, Esteban.
¡Saludos!
P.D. Mi nombre es Jaime, no Federico :D.
Buenísimo, gracias por la molestia de ayudar con tu tiempo y conocimiento
Resulta curioso, Edicions Informatiques, dado que la nube aparece sobre un precioso fondo translúcido que conjunta a la perfección con el bloque general o de las entradas. Gracias a ti por el agradecimiento.
quedó lindo en mi blog, muchas gracias!
Gracias a ti, angelbipolar. Se ve preciosa esa nube de etiquetas.