Eh, tio! Si... tu! Szzzzhh... Plash

martes, 16 de febrero de 2010

Blogumulus, cumulus de WP para Blogger

He estado buscando como cambiar la nube de tags de Blogger, ya que la que tenia me daba problemas y tengo demasiadas etiquetas. Así que preguntando por Twitter a @Naruedyoh puesto que en su blog de videjuegos Nivelcien.net (SPAM) es el que usan. Me comentó que era el Plug-in de WP Cumulus.

El Cumulus, plugin para Wordpress, es conocido en la blogosfera por ser el que hace posible la nube de etiquetas en movimiento, que muchos blogs con plataforma Wordpress tienen, es pues una forma de organizar las etiquetas o categorías, que durante años estuvo disponible sólo para blogs con el CMS de Wordpress, sin embargo gracias a Amanda Fazani de Blogger Buster los usuarios de blogger tenemos ya a nuestra disposición este plugin, y para esto sólo debemos seguir el siguiente método:

Ir a la pestaña de Editar Html y sin expandir artilugios localizar este código:
<b:section class='sidebar' id='sidebar' preferred='yes'>
(Se recomienda usar ctrl+F para activar el buscador).

En mi caso no he usado ese metodo y me he decanto mas bien por expandir los artilugios y buscar por
<b:includable id='main'> ya que no todos tenemos los mismos codigos según el diseño de la plantilla que tengamos.

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

Una vez hecho esto ya se podrá ver en el blog el resultado, ahora solo queda editarlo para adaptar el Widget a la plantilla que estemos utilizando.

  • Width (ancho) 240px
  • Height (alto) 300px
  • Color de fondo blanco
  • Color de texto gris
  • Tamaño de la fuente del texto "12"


Para cambiar estos parámetros por los que mejor se adapten al estilo de nuestro blog, tendremos que editar alguna de las partes del código:

Cambiar el ancho (240px) y el alto (300px) de la nube:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


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

Cambiar el color del texto (333333 manteniendo delante el 0x tal cual está):
so.addVariable("tcolor", "0x333333");

Cambiar el tamaño del texto (12):
so.addVariable("tagcloud", "12");

Y ya estará todo Guardar Plantilla y a disfrutar dando vueltecitas a la Nube de Etiquetas
Fuentes via: elescaparatederosa, Bloggerbuster y esdiversidad

4 comentarios:

Anónimo dijo...Responder

Ya, pero e código ese ¿dónde lo ponemos? ¿antes o después de ? Porque yo lo he puesto después y no me ha funcionado

jordinavarro on 1 de septiembre de 2011, 13:36 dijo...Responder

Se pega justo debajo.

Jaime Cruz on 10 de septiembre de 2011, 17:03 dijo...Responder

no anda

jordinavarro on 12 de septiembre de 2011, 16:11 dijo...Responder

He leido que dejó de funcionar hace unos meses, por algunos cambios de google en Blogger.

Publicar un comentario

Related Posts Plugin for WordPress, Blogger...
 

Friki Equis Core. Copyright 2008 Todos los derechos reservados bajo Creative Commons by Jordi Navarro