Tweet
Bueno aquí les traigo esta post de como agregar al sidebar un nube de etiquetas giratoria para este efecto utilizaremos algo de flash!.
Para poder realizar esto solo copiaremos y pegaremos el código que se encargara de realizar este trabajo. Esta nube giratoria es muy bonita y le da un estilo mas llamativo para tu sitio web o blog:
primero vamos a Diseño > Edición de HTML y SIN expandir artilugios buscamos esta etiqueta:
Bueno aquí les traigo esta post de como agregar al sidebar un nube de etiquetas giratoria para este efecto utilizaremos algo de flash!.
Para poder realizar esto solo copiaremos y pegaremos el código que se encargara de realizar este trabajo. Esta nube giratoria es muy bonita y le da un estilo mas llamativo para tu sitio web o blog:
primero vamos a Diseño > Edición de HTML y SIN expandir artilugios buscamos esta etiqueta:
<b:section class='sidebar' id='sidebar' preferred='yes'> |
NOTA: Si utilizas en tu blog una plantilla del diseñador de blogger deberás buscar esta etiqueta
<b:section-contents id='sidebar-right-1'> |
Después debajo de esta etiqueta pegamos 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'>
<object type="application/x-shockwave-flash" data="http://ciudadblogger.hostzi.com/tagcloud.swf" width="190" height="200" allowscriptaccess="always" >
<param name="movie" value="http://ciudadblogger.hostzi.com/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<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>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<object type="application/x-shockwave-flash" data="http://ciudadblogger.hostzi.com/tagcloud.swf" width="190" height="200" allowscriptaccess="always" >
<param name="movie" value="http://ciudadblogger.hostzi.com/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<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>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
*Nube de etiquetas - es el nombre de tu gatget
*190 es el ancho
*200 es el alto
*#ffffff es el color de fondo, en este caso blanco
*000000 es el color de la letra
*style='12' es el tamaño de la letra
*"tspeed", "100" es la velocidad con la que se mueven las etiquetas
1 comentarios:
Si les gusto aqui pueden dejar su comentario saludos!
Publicar un comentario