Nube de Tags móvil

Este widget sólo estaba disponible para WordPress pero gracias a Blogger Buster podemos incluirlo en nuestro blogger.

Vamos a Diseño > Edición de HTML y buscamos este fragmento de código:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Y pegamos este código a continuación:
<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> Design by <a href='http://muxoyuyo.blogspot.com'>muxoyuyo</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;165&quot;, &quot;200&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>

Para cambiar el tamaño de la nube, modificamos:
&amp;quot;165&amp;quot;, &amp;quot;200&amp;quot;,
Para cambiar el color del fondo, modificamos:
&amp;quot;#1D3443&amp;quot;);
En esta página podemos seleccionar un color o poner el código de fondo de nuestro propio blog, si no estamos seguros de si es o no el color que queremos, podemos ir poniendolo para que nos muestre el resultado. Código de Colores en HTML

Para cambiar el color del texto, modificamos:
&amp;quot;0xffffff&amp;quot;);
Nota: Para poder poner código HTML como texto plano en una entrada de blog de blogger es necesario poner &lt;b:widget... en vez de <b:widget... En nosetup.org podemos pegar el código html y nos lo combierte automáticamente a texto plano para su copy/paste.

6 comentarios:

  1. Hola, acabo de recomendar una vez más tu código para la nube... y siempre tengo el enlace visibe en mi blog (es que me gusta tanto mi nubecita móvil!).

    Y ahora, al comprobar que el enlace sigue vivo... he visto que no tiene ningún comentario?

    Si yo te dejé uno, hace meses, no?

    Nunca es tarde: estupendísimo post, muy claro y útil. Soy fan

    ;-)

    ResponderEliminar
  2. Hola Arati, muchas gracias por tu comentario y siempre que necesites una pequeña ayuda con blogger ya sabes donde encontrarme.

    Un saludo!!

    ResponderEliminar
  3. Una pregunta...yo tenia mi nube de etiquetas móvil en blogger desde hace tiempo pero desde ayer simplemente ya no funcionó mas...revise el código e incluso intente con otros, como el tuyo, pero no hay caso, simplemente no aparece la nube. Que crees que pudo haber pasado??
    Millones de gracias

    ResponderEliminar
  4. Hola María, hay un problema con el archivo .swf que estaba alojado en la pagina del autor de la nube.

    Para arreglar la nube mira esta entrada:

    http://oloblogger.blogspot.com/2010/03/reparar-blogumus-otra-vez.html

    ResponderEliminar
  5. por mas que busco y busco

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

    no está en mi perfil de blog, html. se debe al país ? a la version de blogger? que por cierto tengo la última, he buscado por muchas paginas y bloggeros, alguna respuesta por aqui?

    ResponderEliminar
  6. Hola Fernando, las plantillas de blogger han cambiado y este truco era para la versión antigua. De todas formas tan sólo debes buscar la sección 'sidebar' (barra lateral) que es en donde debes incluir el código. O también utilizar la nube que proporciona blogger automáticamente y que funciona bien, sólo necesitas modificar un poco el código css y ya la tienes a tu gusto.

    ResponderEliminar