Nube de noticias flash en nuestro blog.

A la derecha de nuestro blog tenemos una nube de etiquetas en un formato un tanto llamativo. Para conseguir esta apariencia que no aparece por defecto en blogger, debemos hacer lo siguiente.

1.- Dentro de nuestro panel de edición de Blogger vamos a la pestaña DISEÑO.
2.- Justo debajo encontraremos la opción Edición HTML. Pulsamos para ver el código.
3.- Dentro de ese código hemos de buscar la siguiente expresión...


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


4.- Una vez encontrada, insertamos el cursor... pulsamos intro para hacer un retorno de carro (salto de línea) y pegamos el siguiente código....


<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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

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>



5.- Pulsamos guardar y ya está.. podemos disfrutar de nuestra nube de etiquetas en flash. Veremos que se ha añadido automáticamente a los widgets.

Traducido de fuente: Bloggerbuster