Blogumus: Nube de etiquetas en movimiento

Qué es Blogumus, es un Plugin para mostrar tus etiquetas pero de una forma más agradable y divertida 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'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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.

Una vez arregladas las opciones nos quedará algo muy parecido a esto:


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

Enjoy!!

17 comentarios:

Francisco J dijo...

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

JA Franco dijo...

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...

Anónimo dijo...

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..

JA Franco dijo...

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

Francisco J dijo...

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...

JA Franco dijo...

@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

Francisco J dijo...

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

Gitano Rubio dijo...

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

JA Franco dijo...

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

noves tecnologies dijo...

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

JA Franco dijo...

@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

Alex Carlos Ferrer dijo...

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

Matt dijo...

no me anda... es q no esta lo q hay q buscar
http://matii-downloads.blogspot.com/

Fxbixn dijo...

Gracias, era lo que andaba buscando
=)
http://mundoisux.blogspot.com

Iker dijo...

Muchas gracias!!

Lo he usado y te cito en mi blog:

http://ikergoestobollywood.blogspot.com/

CocoNuts dijo...

Excelente, era justo lo q buscaba y me quedo buenisimo!!!!!!
muchas gracias!!!!!!!!

Welo dijo...

Lo he incluido en el blog de mi club deportivo. Hago notar que el artilugio no funciona bien con las etiquetas que tienen tildes, pero se soluciona quitando las tildes a las etiquetas.

Gracias por la aportación.