BLOGUMUS: Etiquetas en 3D

Blogumus utiliza JavaScript y Flash Player 7 o superior para funcionar aunque se "degrada" correctamente mostrnado una lista convencional de etiquetas en los navegadores que no los tengan instalados. Hay que tener cuidado con los caracteres especiales en las etiquetas.

Buscamos la linea siguiente:

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

Incluimos este bloque de 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> 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>



Opciones customizables:

• ANCHURA: 240px
• ALTURA: 300px;
• COLOR DEL FONDO: Blanco (#ffffff)

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

• COLOR DEL TEXTO: Gris oscuro (#333333)

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

• Tamaño de la Fuente del texto: 12
  
  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>");

• Quitando la doble barra de comentario en esta linea conectará la TRASPARENCIA DEL FONDO

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