08 abril 2012

Etiquetas en Flash Animado

Se trata de un flash animado para la nube de etiquetas que hace que giren cada vez que pones el cursor en ellas lo que le da un aspecto bastante elegante y divertido.

Flash Labels by Way2Blogging


Este truco es de Way2blogging y para ponerlo en tu blog directamente sin que tengas que darte la molestia de entrar en la plantilla, entra en esta entrada de Way2blogging.org y pones tu dirección del blog y das en Generar Código, luego pones añadir al blog y ellos hacen todo el trabajo. Puedes personalizarlo a tu gusto para que te quede tal como lo quieras. El código es el siguiente:

<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://www.way2blogging.org/">Way2Blogging</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://blogerybloger.blogspot.com",
    color          : "f5680a",
    hoverColor     : "290ef5",
    backgroundColor: "f5e789",
    size           : 14,
    speed          : 100,
    width          : 180,
    height         : 290,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

size: 14 es el tamaño de las letras de las etiquetas.
speed: 100 es la velocidad con la que girarán, mayor número mayor velocidad.
width: 180 es el ancho del gadget.
height: 290 es el alto 

Puedes darle color al fondo de las etiquetas cambiando backgroundColor: “f1f1f1” y  true por false.

Agrégalo en el lugar que quieras de tu sidebar. Vas a Diseño, Añadir gadget, Html Javascript y listo. Reemplazas blogerybloger.blogspot.com por la url de tu blog, das en vista previa y si está como quieres, pones guardar.

2 comentarios:

  1. Muchas gracias amigo James F, realmente funciona y muy bien!hacía rato que lo quería integrar a mi blog y hoy lo he encontrado gracias a tu buena voluntad de publicar el código. Saludos cordiales.

    ResponderEliminar
    Respuestas
    1. Tito, gracias a ti por tu comentario. Que bueno que te ha servido, ese es el propósito principal de Bloger & Bloger: tratar de ayudar de la manera más facil y sencilla para que todos puedan personalizar su blog. Saludos también para ti.

      Eliminar

Copia lo que quieras. Si crees que valió la pena, menciona este blog.

BLOGER & BLOGER ® 2020 | Plantilla Adaptada y Rediseñada Por Bloger & Bloger