13 marzo 2009

Nube de Etiquetas III - Blogumus

Presentaremos una nube de etiquetas pero en movimiento. El widget se llama Blogumus. Esta basado en WP Cumulus Plugin de Roy Tanck, y que fue adaptado para su utilización en Blogger. Mostraremos la forma alternativa del widget que Amanda de Blogger Buster dio a conocer.

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC"


En Primer lugar nos vamos a Diseño - Edición HTML y sin expandir la plantilla buscaremos(Ctrl+F) esta linea de código en la plantilla.

<b:section class='sidebar' id='sidebar' preferred='yes'>
Y justo a esta linea colocaremos los siguiente:


<b:widget id='Label99' locked='false' title='Labels' 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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


¿Qué podemos cambiar?

La altura y anchura:


&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
Aquí tienes que adaptarlo según el tamaño de tu sidebar.

Color de Fondo:

&lt;param name="bgcolor" value="#ffffff" /&gt;

Color del texto:

&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;

Tamaño de las Etiquetas & Enlaces:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>

Puede ver el tamaño en vista previa.


Aclaraciones:


  • Se puede ver en vista previa el widget en funcionamiento
  • Después de la instalación puedes ir a Diseño - Elementos de Páginas y cambias la posición de widget
  • Y si quieres algo diferente, Vagabundia nos muestra otra forma de navegar con etiquetas
  • Este Widget es original de Amanda de Blogger Buster
  • Hay que recordar que este es el código alternativo, quiere decir que se modifico el código original que se dio al principio por su mala visualización, por lo tanto este no debe tener ningún problema en visualizarse en IE. Este fue el primero y este fue el segundo(El que publique aquí). Pero hice mis pruebas y fueron negativa solo sirvio una solo vez, luego borre el historial y volvio a servir. Esto servira el 100% utilizando Firefox



8 comentarios:

  1. Una duda, funciona en IE? porque hasta ahora los que he visto para Blogger no. Se muestra pero no funciona al hacer click en las etiquetas.

    ResponderEliminar
  2. Hola Malina! Al parecer no esta funcionando, pero estuve consultando y a Oloman dice que a el le funciono con IE. A mi me funciono 2 veces nada más con IE6 Saludos!

    ResponderEliminar
  3. lo probaré a ver que tal, el que tengo no va en ie

    ResponderEliminar
  4. No me funciona, osea.. aparece y perfecto, pero sólo tengo dos tags y sin link alguno.. no llevan a ningun lado, salvo a entradas totales, pero da igual.. lo que me interesa es tener mas tags.. como lo puedo hacer?

    ResponderEliminar
  5. ¡Hola Malina! Ninguno funciona con IE. Es una lastima...

    ¡Hola Víctor Cobs! A mi me funciona perfecto. En Blogger Buster hay esa alternativa. Pero déjame buscarla bien... ¡Saludos!

    ResponderEliminar
  6. This widget doesn't work any more, the swf file is dead.

    Check out this Culumus Blogger Flash Widget and replace your old code with new one.

    ResponderEliminar
  7. I actually really like the site design, I think it's very effective!!!!

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!