Nuvem de Tags em flash para seu Blogger/blogspot

Blogumus é um widget que permite que as categorias do seu blog apareçam como uma nuvem de tags em flash. Deixando seu blog com um visual bem legal.

O metodo de instalação é muito simples, é só seguir os passos abaixo:

1. Na Guia "Layout" em "Editar HTML", baixe uma cópia de seu template original;

2. Não marque a caixinha "Expandir Modelos de Widgets", para não complicar o processo.

3. Procurar pelo seguinte trecho de código:

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

4. Agora abaixo dessa linha cole o seguinte código:

<b:widget id='Label99' locked='false' title='Labels' 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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf"
width="250" height="200" allowscriptaccess="always" &gt;


&lt;param name="movie"
value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

Agora visualize seu template, se estiver tudo certo salve e pronto.

Caso você queira customizar sua Nuvem de tags, é só alterar a altura que está em vermelho no código e a largura que está em azul. A cor dos links também podem ser alterados, inserindo o código da cor de sua de sua preferência no trecho em laranja, por padrão os links são todos na cor preta.

Dica: Para gerar códigos de cores acesse esse site.

Fonte: Blogger Buster

Posted in: Blogger, Codigos e Scripts, Widgets