Divisor

Éste sitio web usa cookies, puedes ver la política de cookies, Aquí. ⤵ ⤵


Nube de etiquetas en movimiento






Hoy quisiera compartir un truco con todos vosotros y compartirlo con todos ustedes, me refiero ha insertar una nube de tags o etiquetas en movimiento para que puedas implementar en tu blog, concretamente en tu sidebar, de está manera tendrás un bonito gadget de categorías en movimiento, con un efecto realmente espectacular. Para saber de lo que escribo y de lo que hablo, aquí tienes un ejemplo en modo de imagen del gadget, enjoy:






Bueno ahora vayamos a instalarlo en tu blog, sí te gusta y es lo que andas buscando. Es una nube de categorías, divertida y elegante, para nuestros visitantes, ya que cuando pasamos el ratón por encima de ella o de cada etiqueta se mueve y se desplazan al unísono. Bueno no me explayo más y vamos a la tarea que nos pertoca, para insertar.


Nos vamos a Diseño> Edición HTML> y busca el siguiente código, que hay debajo:

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


Una vez encontrado, añades el siguiente código justo debajo del mismo código:

<b:widget id='Label99' locked='false' title='Nube de etiquetas' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
&lt;object type="application/x-shockwave-flash" data="http://ciudadblogger.hostzi.com/tagcloud.swf" width="190"height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://ciudadblogger.hostzi.com/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Ahora hay algunas configuraciones que debéis cambiar si deseáis o quereis, y que verás en el código anterior. Esto es para que se adecue mejor a vuestro estilo.


  • Nube de etiquetas: es el nombre del gadget.
  • width 190: es el ancho.
  • height 200: es el alto.
  • #ffffff: es el color de fondo, así como está por default en blanco, pero cámbialo por el que te guste o más se adecue a tu diseño de la plantilla.
  • x000000: es el color de la letra.
  • style='12': es el tamaño de la letra o font size de la fuente de la letra.
  • "tspeed", "100": es la velocidad con la que se mueven las etiquetas.
  • Una vez configurado todos estos detalles guarda y listo, ahora veremos que en Elementos de página el gadget se posiciona por defecto arriba del todo, arrástralo donde desees en tu sidebar y guarda y listo. Disfrutar.



Aizum Blog, lunes, agosto 27, 2012


Divisor Star

✏ Buscador!

En las redes ⤵

✏ Vídeos!

 

Publicidad!

Subir hacia arriba ▲ Modificated & Designed by Iván Dangerfield © 2014. Converted by Bloggertheme9