z diseño: cómo hacer una nube de etiquetas animada para Blogger

sábado, 7 de marzo de 2009

cómo hacer una nube de etiquetas animada para Blogger


Blogumus
es una nube de etiquetas animada en flash con un efecto de rotación en 3D, originalmente desarrollada por Roy Tank para Wordpress.org que ha sido adap
tada para Blogger por Amanda de Blogger Buster.

Yo hice numerosas pruebas de varios tutoriales (en los que debía incluir el código sin expandir la plantilla de artilugios) y a pesar de que a otros parecía funcionarles yo sólo conseguía un áre
a blanca en en el lugar en que se instalaba el gadget en la sidebar...


Finalmente lo que funcionó en mi caso fue lo siguiente: este código lo encontré en Blogeriana y de allí lo transcribo, mi agradecimiento para Alessandra a quien corresponden los créditos de este post.

leer más

PASOS:
PRIMERO HACER UNA COPIA DE SEGURIDAD DE TU PLANTILLA:
Ir a Diseño ----> Edición de HTML y hacer click en Descargar plantilla completa. y salvarla en tu computadora para poder restaurarla si algo sale mal. Es importantísimo que hagas esto cada vez que vallas a meter mano en la plantilla, no lo olvides.

en Diseño ----> Elementos de página
borrar el gadget Etiquetas si ya lo tenías instalado (a mi al menos hasta que no lo borré me salia un error diciendo que no se podia repetir el Label99.. etc, etc... y no me permitía salvar correctamente la plantillla)

Ir a Diseño ----> Edición de HTML y Expandir plantilla de artilugios, y buscar esta línea de código:

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

Justo debajo de esta línea pegar 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>


PERSONALIZAR:
Los elementos a modificar están establecidos en este código en los siguientes valores:
- Ancho: 240
- Altura: 300
- Color de fondo: ffffff (blanco)
- Color de fuente: 333333 (gris)
(en 0x333333 no borres el 0x, sólo reemplaza los valores numéricos 333333 por los que vos quieras)
- Tamaño de fuente: 12

Ubicalos en el código y reemplazalos por los de tu preferencia, una vez cambiados le das Vista Previa y si esta todo ok y Guardar Plantilla.

NOTA:
Es necesario que tengas ya creadas 2 o más etiqueta en tus entradas.

Espero les sirva, saludos.


No hay comentarios: