jueves, 11 de julio de 2013

Como Insertar una nube de etiquetas html5 Efecto giratorio.


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.

No hay comentarios:

Publicar un comentario