Visitanto o site do meu amigo http://www.dotnetmax.org, encontrei um Tag Cloud (nuvem de tags) em flash e achei muito bacana. Comecei então uma pesquisa pela internet (Google é claro) e encontrei algum material que quero compartilhar com vocês.
Então, se você quiser adicionar ao seu blog, vamos lá!
Implementando:
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" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<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 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>
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:
- Largura e altura da widget: width = "240" height = "300"
- Cor do plano de fundo da widget: " #ffffff ");
- Cor do Texto: 0x333333
- Tamanho do texto: style='12'
Origem:
http://www.dualtranz.com/2008/09/flash-animated-label-cloud-widget.html
Nenhum comentário:
Postar um comentário