Nuvem de Marcadores em Flash

A função dos marcadores é basicamente facilitar a vida dos visitantes em encontrar o conteúdo de nosso blog de acordo com os temas de cada artigo. Aqui no [ Ferramentas Blog ] usamos uma lista organizada por categorias distintas. Mas existem formas mais visuais e agradáveis para seus marcadores e, dependendo do layout do seu blog, pode combinar muito bem com seu estilo.

Veja um exemplo:

Aqui é apenas uma imagem de como fica, de fato ela é móvel e as palavras "flutuam" de acordo com o passar do mouse.

Para inserir isso em seu blog:

1. Vá em "Layout" e depois em "Editar HTML" e marque "Expandir modelos de widgets";

2. Procure pela seguinte linha:

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

Obs.: Pode ser um pouco diferente dependendo do seu template.

3. Abaixo dela cole o código a seguir:

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

4. Salve o modelo.

5. Isso vai inserir um gadget diretamente no código fonte do seu blog, que terá o nome de "Labels". Com isso vc poderá movê-lo em "Elementos de página" para a posição que achar mais adequada ou até excluir por lá. É exatamente como o gadget de Marcadores, mas só fica diferente no blog.

6. Salve e visualize para ver o resultado.

Como modificar o tamanho e as cores:

É possível trocar a cor do texto e do fundo e definir as dimensões da Núvem de Marcadores em Flash. O que está indicado de vermelho no código acima pode ser modificado de acordo com seu interesse e segundo o layout do seu blog. Mas tenha muita atenção para fazer isso:

width="250" height="200" ~> definem largura e altura, as dimensões da Núvem.

value="#ffffff" ~> cor do fundo. Aqui está definido como branco. Se souber o código da cor que vc quer, basta alterar "#ffffff" para o código da cor que desejar.

tcolor=0x000000 ~> cor do texto. O texto está definido em preto. Aqui basta colocar os seis dígitos da cor que vc quer, alterando apenas o q vem depois do "x".

Com isso vc terá uma Núvem de Marcadores configurada segundo o modelo do seu blog.