Flash Tag Cloud - Nuvens de Tags em Flash

Flash Tag Cloud - Nuvens de Tags em Flash

No blog do Jean, o Super Downloads Free, encontrei uma widget tag cloud (ou Nuvem de tags) em flash, simplesmente sensacional. Os efeitos dão de 10 em outros que encontramos pela internet. Então, entrei em contato com ele e ele, de prondidão, me indicou como ele colocou no blog dele.

A Tag Cloud rola pra direita, pra esquerda, pra cima e prea baixo quando passa o mouse sobre ela.

Assim, fazendo umas pesquisas entre o Blogger Buster e o Web Dois Ponto Zero Plus, criei um tutorial para adicionar essa tag cloud no seu blog.

Então, se você quiser adicionar ao seu blog, vamos lá!

1. Vá até o código HTML do seu blog (NÃO é preciso expandir modelo de widgets)
2. Procure a seguinte sequência:

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

3. Logo abaixo dessa linha coloque 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'>
     <object type = "application / x-shockwave-flash" dados = "http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width = "250" height = "200" allowscriptaccess = "sempre">
         <param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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 por <a href='http://www.roytanck.com/'> Roy TANCK </ a> e <a href='http://www.bloggerbuster.com'> Amanda Fazani </ a> </ p>
     </ object>
   </ div>
   <b:include name='quickedit'/>
</ b: includable>
</ b: widget>

4. Clique em visualizar e se tudo estirver ok, salve o modelo. Pronto! A nuvem de tag aparecerá na sua sidebar.
5. Agora, você poderá movê-la de lugar: vá em "Elementos de página" e verifique a widget "Label" que apareceu. Arraste-a para onde desejar.

• Configurações

Agora, temos algumas opções de configurações para adequar a nuvem de tags ao seu blog. Nas marcações em vermelho, modifique:

1 - Largura e altura da widget: width = "250" height = "200"

2 - Cor do plano de fundo da widget: <param name="bgcolor" value="#ffffff" />

3 - Cor do Texto: "tcolor = 0x000000

4 - Tamanho do texto: style='12'

 

Qualquer dúvida é só perguntar nos comentários.