Limitless

Blogumus: Nube de etiquetas en movimiento [SOLUCIONADO]

Qué es Blogumus, es un Plugin para mostrar tus etiquetas pero de una forma más agradable y pertida a la vez, primeramente fue desarrollado para WordPress (WP-Cumulus), sin embargo Amanda ha podido importarlo a Blogger y nos muestra cómo hacerlo, pero aquí se los pongo directo a lo que se va sin darle tantas vueltas y en español.

Blogumus es un plugin hecho en Flash, lo que hace es agrupar las etiquetas como si fuera un cúmulo de las mismas, agrupadas en una especie de esfera, mientras pasamos el mouse por encima, este cúmulo de etiquetas gira hasta que seleccionemos lo que buscamos, la manera de agregarlo es bastante sencilla.

Ingresamos a nuestra cuenta en blogger y nos vamos a “Diseño -> Edición HTML” seleccionamos la opción de “Expandir artilugios” y hacemos una busqueda con el siguiente texto:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Una vez encontrado damos un espacio debajo de esa línea y colocamos el siguiente código:


<b:widget id='Label99' locked='false' title='Etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a>, recovered by @<a href='http://twitter.com/jafrancov'>jafrancov</a> </div>
<script type='text/javascript'>
var so = new SWFObject("http://7015460651710382912-a-1802744773732722657-s-sites.googlegroups.com/site/jafrancov/stuff/tagcloud.swf", "tagcloud", "300", "350", "7", "#0B0B0B");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x8AC800");
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>

Ya que colocamos el texto solo modificaremos lo que está en colores, ¿por qué sólo eso?, porque es lo mínimo y básico para que funcione el plugin: Naranja: El nombre que quieres que aparezca como título en el apartado en tu barra lateral (sidebar). Rojo: Ancho y Alto respectivamente del espacio de la Nube. Amarillo: Color de fondo de la nube, lo primero es el color de fondo en Hexadecimal, si no quieres que tenga un fondo de un color específico no es necesario modificar ese número pero a la línea en color amarillo es necesario quitarle las 2 diagonales al principio de la misma, esto hará que tenga un color transparente de fondo. Azul: Esto es el color de la letra, este si deberá modificarlo (si buscas algo uniforme en tu blog) de acuerdo al color de letra en tu blog y está en Hexadecimal, para saber el color puedes ir a Diseño -> Fuentes y Colores para saber el número del color. Verde: El tamaño de la letra de las etiquetas en la nube.

Sin más por el momento espero les sirva y puedan disfrutar de esta aplicación…

UPDATE (Abril 7, 2010): La nube de etiquetas y Links ha dejado de funcionar, estoy investigando qué es lo que pasa, lo que puedo ver a primera vista es que el archivo SWF que es el flash que hace la función de la nube ha dejado de estar en la dirección especificada, una vez que tenga la nueva dirección, se las comunico.

UPDATE (Abril 26, 2010) [SOLUCIONADO]: Una vez más he hecho funcionar la nube de etiquetas, la razón era porque el .SWF que es el flash que hacía funcionar la nube dejó de estar disponible, sin embargo la pude volver a recuperar, tienen 2 opciones para volverla a echar a andar:

  1. En la parte del código, busquen la dirección http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf y sustitúyanla por http://7015460651710382912-a-1802744773732722657-s-sites.googlegroups.com/site/jafrancov/stuff/tagcloud.swf con eso será suficiente y volverá a estar disponible la nube.
  2. (RECOMENDADO) Descarguen de este enlace el archivo .SWF y súbanlo a algún sitio que les permita alojar archivos, puede ser Google Sites, Lycos, entre otros. Una vez que esté allí y tengan el link, sustitúyanlo en donde está http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf y listo estará nuevamente la flamante nube de etiquetas funcionando.

Para muestra un botón, pueden ver funcionando nuevamente la nube aquí o en mi antiguo blog. Mucha suerte y dejen sus comentarios…

UPDATE (Abril 30, 2010) [SOLUCIÓN FÁCIL]: Sigan el procedimiento del post, arreglé el código sustituyendo el link al SWF, por quien no había podido arreglarlo ya solo es copiar y pegar el código conforme lo expliqué en el tutorial, debe funcionarles, y como les dije, para muestra un botón, la nube aquí o en mi antiguo blog.

Enjoy this Life!!

About Author

Alex Franco

 Developer, Sysadmin, traveler, music lover, #TqV, SU2 at #4sq, and more…

42 Comments

  1. Francisco J Reply

    oye tengo una pregunta, espero me puedas ayudar. Me interesaria agregar esta nube de etiquetas de forma de esfera como tu explicas, pero no a mi sidebar lateral, sino a una entrada normal y corriente, al igual que tienes tu al explicar como se añade esta nube en esta entrada.
    Y otra cosa, como puedo hacer para que en esta nube solo se vean etiquetas que a mi me interesen, es decir, pueda ocultar algunas etiquetas que no quiero que se vean? gracias de antemano
    saludos

  2. JA Franco Reply

    Ok, entonces lo que buscas es algo como lo tengo en el post, para hacer eso hay que modificar un js de manera manual, al igual que lo quieres hacer con tus etiquetas, publico el post mañana miércoles para que lo tengas disponible =D

    Saludos…

  3. Anonymous Reply

    Soy Francisco J:
    Gracias por contestar tio, si no te importa, me pasas el hilo del post que publiques mñn por este comentario?
    bueno o sino lo tendras en la pagina principal verdad? venga mñn vuelvo a entrar para ver como lo has hecho crak!saludos..

  4. JA Franco Reply

    @Francisco Listo, está publicado puedes checarlo en Nube de links en movimiento, que tengas mucha suerte cualquier cosa, aquí seguimos, saludos =D

  5. Francisco J Reply

    Muchas gracias por el aporte tio, es justo lo que estaba buscando para ponerlo de portada en mi blog.
    Oye una pregunta, quiero comprarme un dominio propio desde blogger, tu estas puesto en esos temas?? para preguntarte una cosilla sobre eso tio, porque me gustaria tener un dominio propio pero manejar el web desde el panel de blogger como hago ahora mismo y todos los codigos y demas se guardarian igual o si tienes otro dominio, por ejemplo tu aporte ya no se veria bien a no ser que sea de blogger??
    gracias de verdad saludos cuidate…

  6. JA Franco Reply

    @Francisco_J Si, si estoy enterado, si lo compras y lo agregas como dirección preferida se sigue guardando todo y aparte tu anterior dirección de tublog.blogpsot.com redireccionará al dominio que le hayas asignado, si quieres agrégame ya sea a MSN o gTalk y te explico lo que necesites, no tiene gran ciencia, mi mail es jafrancov@gmail.com

    Un gran saludo y gracias por leerme xD

  7. Francisco J Reply

    ya te agregue al msn, con la cuenta de gmail que tienes tb se puede hablar por msn no??
    venga tio haber si hablamos y me cuentas algo, eres muy buena gente tio espero que me resuelvas esto porque prefiero tener un dominio propio y weno ya te pregunto alguna cosa mas crak..
    Si fueses de españa montabamos algo gordo pa forrarnos que se ve que eres de los mios!! nos vemos man

  8. Gitano Rubio Reply

    Tengo un problema con la nube de tags, lo he intentado todo y lo que consigo es que se vea un recuadro blanco, tengo el blog a medias, me podeis ayudar? Preferiria enviaros la Plantilla porque he echo tantos cambios que seguro algo falta o soba. Espero respuesta
    Mi correo es: franciscoiba@gmail.com
    Gracias

  9. JA Franco Reply

    @Gitano_Rubio Agregado a gTalk, ahí platicamos a ver cómo te puedo ayudar =D

  10. noves tecnologies Reply

    hola, me puedes ayudar?, estoy haciendo un blog para un trabajo en la universidad, he probado de todo pero no se me ve la nube.
    Estoy desesperada, necesitaria una respuesta rápida

    Encarna, desde Barcelona

  11. JA Franco Reply

    @noves tecnologies Claro pásame tu gmail o msn y nos ponemos de acuerdo o el mio es igual que en todos lados jafrancov[at]gmail.com y con gusto ayudamos, un saludote =D

  12. Alex Carlos Ferrer Reply

    franco cargo los codigos y no ce ve nada, en la parte de diseño si se ve el gadgets con el nombre etiqueta pero cunado visualizo el blog no se ve nada.
    Podrias ayudarme. mi correo es alex4681@hotmail.com
    gracias

  13. Jerico Reply

    Gracias a ti he aprendido a hacer la Nube de Links.
    Muchas Gracias;)

  14. Que Maravilla,Gracias.

  15. Hola Alex Franco. Yo estoy intentando y creo que lo hago todo bien, poner una nube deetiquetas en mi blog, pero no hay manera. No para de salirme lo siguiente

    blogumulus by roy tanck and armada fazani

    Muchas gracias por todo.

    • Si hiciste todo tal cual lo marca el tutorial, debería generarlo, en caso de que no lo cargue y te siga apareciendo la leyenda, probablemente necesitas una actualización de Flash, o probar con algún otro navegador, que es lo más seguro que sea lo que necesite.

      Saludos!!

  16. Hola:

    Tratando de arreglar mi nube de tag, llegué a tu web.Te contaré que al parecer esta nube ya no funciona,yo la tuve bastante tiempo hasta que dejó de funcionar.
    He recorrido muchas páginas y en verdad nadie sabe que ocurrio realmente.
    En todo casi seguiré buscando.

    Saludos.

  17. Unidad Reply

    A mi me pasa lo mismo, desde hace unas semanas no me funciona y ahora la volvi a instalar y no va

  18. que pasa con la nube??, aun no funciona…solo aparece blogumulus by roy tanck and armada fazani…

  19. A mi tambien me ocurre lo mismo que a los dos comentaristas anteriores. ¿Sólo con cambiar el código que usted dice debería de funcionar? Así lo hice y no me salió lo que se esperaba.

    Gracias, en cualquier caso por sus indicaciones.

    Saludos.

    • @Mar, Si sustituyes correctamente el link que les puse… no debes tener ningún problema, yo lo he colocado en los 2 lugares que les mencioné anteriormente y funcionan, puedes verificarlo por ti mismo, si necesitas ayuda, hazlo saber… Saludos :D

      • Mar

        Repasé la operación, pero sigue igual. Si tienes por ahí el script, te agradecería me lo enviases via e-mail y ya lo subo yo a mi sitio en Google e intento arreglarlo tal como recomiendas.

        Muchas gracias por tu atención y recibe un cordial saludo.

      • @Mar ya arreglé el código solamente sigue el tutorial tal cual y funcionará, ya probé en otros 3 sitios, así que no debes tener problema =D

      • Mar

        Me temo que no hay forma de echarlo a funcionar. Te envío un archivo con el código del widget.

        Saludos

      • Alex

        Seguí el tutorial al pie de la letra pero la blogumulus sigue sin funcionarme. Ayuda por favor que este widget es muy bueno

        saludos

      • @Alex Te mande un correo, veamos como podemos ayudarte

  20. yo también tengo problemas con el código, no hay forma de hacerlo correr, ni con tu swf, ni con uno subido a mi google sites, sin embargo encontré otro código que sí que funciona, pero no me deja habilitar las trasparencias, ¿estás seguro de que el código es correcto?

    • @Fran De hecho actualice el código es más largo pero ya funciona según también los sitios de @Mar espero así si funcione, intenta con la nueva URL, suerte y cualquier cosa haznosla saber, saludos!!

  21. Alex Reply

    Perdon por no contestar el mensaje, he estado algo ocupado.
    El problema que tengo es que reemplacé en código viejo de la nube por el tuyo, pero sigue sin aparecerme, subí el swf a mi google site y cambie el link de tu código por el de la direccion de mi google site pero aún asi el problema persiste, la nube sigue sin funcionar

  22. Alex Reply

    Por cierto, ya te envie por mail el código con el que tengo problemas

    Saludos

  23. tampoco me funciona =(

  24. Яakro Reply

    Hola…
    Oye, yo tengo un problema… Ya intenté poner la nube como lo explicas aquí, pero simplemente no me sale… Tendrá algo que ver con que uso la nueva herramienta de “Diseñador de platillas”?… Donde debería aparecerme la nube sólo me sale: “Blogumulus by Roy Tanck and Amanda Fanzani, recovered by @jafracov”….

    qué hago?!

  25. Saludos

    He intentado poner esta nube de etiquetas y me sale este mensaje:

    “El artilugio con el ID Label99 no se encuentra dentro de una sección (el elemento matriz real es: macro:if.) Todos los artilugios deben estar en una sección”.

    No tengo ni la más palida idea de lo que signifique, podrias ayudarme por favor?, te lo agradeceria mucho.

    • jafrancov Reply

      @Marjorie Quiere decir que no lo estás colocando en el lugar indicado, busca la línea:

      Y enseguida de eso es donde tienes que poner lo demás del código, ya que de otra manera te seguirá indicando que no lo colocaste dentro de una sección, y no mostrará la nube, cualquier cosa aquí seguimos, mucha suerte ;-)

  26. abimelech Reply

    Hola. Buen día. Necesito un gran favor. Quiero hacer unja nube de etiquetas en movimiento en html. Por favor envieme el codigo. gracias de antemano

  27. Es justo lo que estaba buscando, ahora mismo lo probaré para mi blog, espero que me funcione.
    Gracias

Comenta