Como fazer uma nuvem de tags

Nuvem de tags são aquelas palavras que você vê e alguans sites, amontoadas,umas maiores que as outras. Claro que brincadiras à parte a nuvem de tag não se resume a isso. Ë uma ótima ferramenta para localização de termos e assuntos no seu blog e, dizem, que ajuda o seu blog com os termos( pois eu, sinceramente, ainda não atestei isso.



Se você quiser colocar um nuvem de tags no seu blog no blogger faça o seguinte:

Primeiro tenha certeza que o seu post tem marcadores. São etiquetas que você coloca em todos os posts que escreve, pois são eles que irão aparecer na nuvem de tags.



Vá até o painel de controle do seu blog, clique em layout e em seguida em editar HTML.



Procure no código de HTML pelo trecho (para facilitar a localização uma dica é você apertar ctrl + F, irá abrir uma caixa e ali você digita o termo que você quer localizar.

Imediatamente acima deste termo coloque este código:



/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:$sidebartextcolor;}
#labelCloud .label-cloud li:before{content:"" !important}



E abaixo do termo coloque este outro:




Não esqueça de substituir o endereço pelo endereço do seu blog.


Agora clique em preview para ver o rersultado.

Depois de colocado você pode definir pelo layout aonde quer que fique a nuvem de tags.



Atenção: é sempre recomendado que antes de fazer qualquer alteração no código do seu blog você faça uma backup do modelo como está.

Um outro alerta é que só salve o modelo quando tudo estiver ok. Vá usando o preview, para visualizar as alterações e quando tudo estiver certo aí sim você salva e confirma.

5 comentários

JACAROA DE SANDÁLIA disse...

Agradeço a Deus todos os dia por existir blogueiro como vc, aí tá afim de parceria? conte sempre comigo pra divulgar seu blog viu?
outra fui tentar colocar a nuvem de tags e na hora de fazer o preview aparece a seguite mensagem:
Declaração de variável inválida na skin da página: A variável está sendo utilizada, mas não foi definida. Entrada: sidebartextcolor

vc poderia me ajudar. juro que assim que conseguiur faço um post especial falando do seu blog.

beijos da Jacaroa!

Paulo Piedade disse...

Oi...Obrigado pelas palavras.
Com as informa;óes que vc passou fica meio difícil dizer o que pode estar acontecendo...Tem certeza que copiou o código completo? porque prece que ele tá termiando errado...mas pelo tempo acho que vc até já conseguiu...
Felicidade

Peacemaker disse...

Prezado,
O código está dando um erro.

Declaração de variável inválida na skin da página: A variável está sendo utilizada, mas não foi definida. Entrada: sidebartextcolor


voce poderia me ajudar???

Marcia Bispo disse...

Tudo de bom esta postagem dando essa dica. Fiz tudinho como voce mandou,
mas... Quando visualizo o blog tá igual e normal, será que falta algo?

Paulo disse...

Como este código é para colocar no html do seu blog pode haver incompatibilidade com alguns templates.

Postei aqui esta outra maneira de fazer uma nuvem de tags, bem fácil e que você coloca o código como um widget no seu blog.

http://blogcomofaz.blogspot.com/2009/08/como-fazer-nuvem-tags-facilmente.html