quarta-feira, 29 de setembro de 2010

Nuvem de Marcadores em Flash

Já mostramos aqui como criar marcadores e com customizar isso para selecionar as categorias e até um modelo de núvem de marcadores. Mas esta última é um texto fixo e descobri como fazer isso em flash de forma bem simples e que tem um visual bem legal no blog.

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: nuvem01
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:
Obs.: Pode ser um pouco diferente dependendo do seu template.
3. Abaixo dela cole o código a seguir:


 
   


 
 

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


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

 

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.

Nenhum comentário: