3 de out. de 2008

Nuvem de tags em flash

Mais uma dica da Amanda do excelente Blog Buster. Trata-se de colocar em seu blog a nuvem de tags, ou etiquetas em seu blog em flash, como o modelo abaixo.
*Dê preferência a esse modelo se você tem poucas tags.




Vá até o HTML do seu blog e procure pelo código:

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


Abaixo dele cole o código abaixo dando preferência por hospedar o código que está em destaque pelo seu código. Para isso, clique sobre ele para fazer o download e depois hospede-o em um site como o Google Sites ou no Your Script trocando o endereço que está no código pelo seu.




<b:widget id='Label99' locked='false' title='Nuvem de Tags' 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://sites.google.com/site/marcadoresflash/marcflash/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>


Este código em vermelho representa a cor de fundo, caso queira, é só mudar para a cor que quiser.
Código em azul largura
código em rosa comprimento

13 comentários:

  1. SIMPLESMENTE SOU COMPLETAMENTE APAIXONADA PELO SEU BLOG, ESTÁ DE PARABÉNS,AMOOOOOOOO!!!
    MUITO AS DICAS SÃO EXCELENTES OU MELHOR TUDO AQUI É DEMAIS!!!!!!

    ResponderExcluir
  2. Oi Carrina, obrigada. Seja bem vinda. Beijos

    ResponderExcluir
  3. A coluna de widgets do meu blog é muito estreita, como faço para adicionar a nuvem de tags em flash dentro de uma postagem?

    ResponderExcluir
  4. desejo colocar palavras mais buscadas como em muitos blogs q vejo por aí.
    como faço?
    sinho.20@bol.com.br
    abraços...

    ResponderExcluir
  5. David vc que quer redimensionar a nuvem tem q mudar os valores dessa linha:



    width="250" height="200" allowscriptaccess="always" >

    ResponderExcluir
  6. Carina boa tarde...ótimo blog, parabens

    muito boa essa dica sobre nuvem de tags em flash, procurei essa informação em outros blogs e o código sempre vinha com problema.

    copiei o seu código e fiz uma mudança colocando o fundo transparente, tentei postar aqui o código pra q vc visse Carina, mas a HTML ñ é aceita aqui

    Agora vem o problema.. no navegador firefox ele funciona normalmente, mas no IE ele fica estatico quando colocado o mouse na parte de cima, na parte de baixo, nas diagonais,etc...
    a nuvem de tags só gira quando o mouse é colocado exatamente em cima da palavra, só assim ela passa a girar, coisa q ñ acontece no firefox, onde funcionando normalmente

    ResponderExcluir
  7. valeu ficou muito bom mesmo,obrigado pela dica,lembrando que pra mudar a medida é so alterar ali no codigo de acordo com medida de cada blog

    ResponderExcluir
  8. tudo certo coloquei, aparece como elemento de página no layout, mas no blgue não aparece nada.
    juarez-bandeira@hotmail.com

    ResponderExcluir
  9. O SEU BLOG ME AJUDOU MUITO.FIZ UM BLOG ESTAVA TOTALMENTE PERDIDA, RECEBI UMA GRAAANDEEE AJUDA DE MERI DO BLOG LUZ-EM-FLOR, E ACABEI PERCEBENDO QUE TENHO QUE APRENDER FAZENDO TAMBÉM MINHAS BUSCAS.A MERI REFORMULOU MEU BLOG COM DICAS DO SEU, E ESTOU POR AQUI PARA LHE AGRADECER.MUITO OBRIGADO!! GIANETE ROCHA - http://espirito-azul-gianete.blogspot.com/

    ResponderExcluir
  10. valeu muito bom ficou legal no meu blog

    ResponderExcluir
  11. Ola ... eu utilizo estas tags em nuvens, mais no IE não funciona fica somente o fundo branco. Já no Firefox funcionou normal.
    O que eu posso fazer ?
    Obrigado

    ResponderExcluir
  12. No meu blog também só aparece um fundo branco como aconteceu com Contém 1g...
    Aguardo uma resposta.

    ResponderExcluir
  13. Hey, ótimo blog, Parabéns ! Queria botar no meu blog este marcador mas aquele código q era pra procurar e colar umas coisas em baixo n tem no meu blog ! N consegui ! Mas mt bom o blog !

    Lamb's

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube