jueves, agosto 18, 2011

Usar etiquetas en movimiento en blogger

Esta es una buena funcionalidad que puede ayudar al diseño de una pagina, en la cual las etiquetas se muestran en movimiento en forma circular y que al poner el mouse sobre ellas se podran seleccionar, se puede decir que son etiquetas animadas; para utilizar esto debemos introducir ciertos codigos html en nuestra plantilla.
Esta es una imagen congelada de como se mostraran las etiquetas:

Para agregar esta funcionalidad debemos:

1. Ir a la pestaña "Diseño" y luego seleccionar la opcion "Edicion de HTML".
2. Sin expandir plantillas de artilugios buscamos el siguiente codigo:

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


3. Ahora debajo de eso pegamos el siguiente codigo:

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

4. Guardamos los cambios y listo, tendremos esta nueva funcionalidad instalada.

1 comentarios:

Mensajes claro dijo...

Ayudo de mucho , Funciona , Muchas gracias.

Publicar un comentario

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | Free Samples