Estrenamos plugin

No se si os habéis dado cuenta, pero hoy me he encontrado un plugin que consiste en hacer girar las etiquetas del blog.

Éste plugin lo creó Wordpress para sus blogs, pero en Vagabundia han creado la versión para ponerlo en blogger:


sólo hemos de buscar esta línea en nuestra plantilla:


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



Y pegar inmediatamente después:


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



Luego podremos moverlo como cualquier otro widget. ¡Eso es todo! Bueno, podemos hacer nuestras modificaciones para personalizarlo:

- Configura la anchura, altura y color de fondo (*) en esta línea:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

(*) El color de fondo lo he establecido en el código como transparente, para que se adapte mejor a cualquier blog; si quieres eliminar la transparencia para usar un color, añade lo resaltado en la siguiente línea, y elimínalo de nuevo para recuperar la transparencia:

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

- El color del texto lo modificamos aquí:

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

- El tamaño de fuente, acá:

style='12'

- La velocidad de la nube, en:

so.addVariable("tspeed", "100");


FUENTE: Vagabundia, que me llevó a La Blogueria.