viernes, 11 de noviembre de 2011

Prueba del gadget "Nube de etiquetas"

He decidido poner este gadget, pero creo que no queda muy bien, ya que tengo muchas etiquetas y queda un poco confuso. Me gustaría que me dierais vuestra opinión sobre esto.
De todas formas os voy a explicar como se pone, en realidad es bastante fácil...:
Lo primero que debemos hacer es ir a Plantilla > Crear copia de seguridad/Reestablecer, y con esto se nos descargará una copia del html de nuestro blog; antes de realizar cambios en el código html siempre es recomendable hacer esto, por si al toquetearlo se nos desconfigura, siempre podremos subir la copia de seguridad.
Después vamos a Plantilla > Edición de html > Continuar y buscamos esta línea:
<b:section-contents id='sidebar-right-1'>
Si no encontramos nada, buscamos esta:
 <b:section class='sidebar' id='sidebar' preferred='yes'>
Bien, después de esta línea escribimos el siguiente 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="https://sites.google.com/site/ciudadbloggerfiles/Home/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>


En Nube de etiquetas escribimos el título que queramos
190 es el ancho
200 es la altura
#ffffff es el color de fondo
000000 es el color de la letra
tspeed=100 es la velocidad con la que se mueven las etiquetas
style='12' es el tamaño de letra

Le damos a Guardar y listo, ya está la nube de etiquetas!

No hay comentarios:

Publicar un comentario