Marcador em nuvem flash para blog

Marcador em nuvem flash para blog

Os marcadores no blog facilitam a vida dos visitantes, em encontrar os conteúdos de seus artigos, de acordo com o tema.
Como vocês já devem ter percebido, o proprio blogger implantou a opção de Marcadores em formato de nuvem de tags, dando um visual bem diferente.
O mais legal neste recurso é o fato de podermos selecionar quais os marcadores deverão ser exibidos e também poder retirar a numeração, o que antes era necessário ser feito manualmente

Mesmo com todas essas novidades, ainda é possivel personalizar os marcadores de várias formas, e uma delas é transformar seus marcadores em Nuvens de tags em flash, onde as listas se movimentam e flutuam quando passa o mouse em cima.

Veja o exemplo:
Se você quiser implementar seus Marcadores em forma de Nuvem de Tags em Flash em seu blog, veja como a seguir.

Antes de mais nada, é sempre bom fazer um backup do seu Template para evitar transtornos, se algo sair errado.




Entre na aba "Modelo" e depois em "editar HTML" e NÃO clique em "Expandir modelos de widgets", e em seguida procure pela linha abaixo:

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

CSS:

<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>

Depois de instalado e salvo, você pode movê-lo posicionando-o onde preferir, é só mudar o gadget de marcadores de lugar, arrastando-o para onde desejar e para isso basta fazê-lo atráves do "Elementos de página".
 
Vejamos agora os elementos que você pode modificar, configurando de acordo com as cores do seu template:

width = "250" height = "200" -> se refere a largura e altura da widget.Você deve alterar a "width" para o mesmo tamanho da sua sidebar.
bgcolor" value="#000000" -> se refere a cor do plano de fundo da widget (que neste exemplo está na cor preta)
tcolor=0xffffff -> se refere a cor do texto (no exemplo está definido como branco, se quiser alterar, basta incluir o código hexadecimal referente a cor que você deseja, logo após o "x"
style='14' -> se refere ao tamanho do texto (tags)

Se quiser visualizar o código em uso confira aqui, na sidebar, em "marcadores em flash".