Colocar uma nuvem de tags no blog

Nuvens de tagsColocar uma nuvem de tags no blog é muito mais fácil do que parece, sempre pensei que eram códigos grandes, mas na verdade dá pra deixar tudo pronto em 3 minutos. Essa nuvem faz com que os titulos dos marcadores do blog fiquem em movimento como se estivessem girando em torno de uma bola, veja esse código em funcionamento em nosso blog Frases Curtas.

Aproveite e veja também como mudar as cores da nuvem de tags do blogger.

Então se quiser é uma maneira bem mais simples de fazer a nuvem com os marcadores do seu blog.

Para colocar um igual no seu blog vocé só precisa copiar esse código e fazer algumas alterações:

<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'><center>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a
href='http://www.roytanck.com/'>Roy Tanck</a> and <a
href='http://www.bloggerbuster.com'>Amanda
Fazani</a> | Distributed by <a href='http://blogger-templates-designs.blogspot.com/'>Blogger Templates Designs</a></div>
<script type='text/javascript'>
var so = new
SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "240", <!-- width="240" -->
"300", "7", <!-- height="300" -->
"#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud",
"<tags><b:loop values='data:labels'
var='label'><a expr:href='data:label.url'
style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/></center>
</div>
</b:includable>
</b:widget>

Antes de colocar no blog vamos entender como personalizar aparência dele, veja as seguintes partes:

Largura e altura da widget: width = "240" height = "300"
apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog

Cor de fundo &quot; #ffffff &quot;);
as letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras

Cor do Texto: 0x333333
idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar

Tamanho do texto: style='12'
o numero 12 é o tamanho da letra então altere como quiser

Agora que já deixou o código como queria entre na pagina editar html (não clique para expandir o modelo) procure por

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

Então coloque o código logo depois dessa linha e clique para salvar, visualize seu blog e veja se está tudo certo.
Página Layout
Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.

Recentemente achamos uma maneira mais simples de fazer essa nuvem de tags: Gadget Nuvem de tags (marcadores). Então se quiser testar é só visitar o link e colocar esse gadget com apenas alguns cliques e sem usar códigos.

Veja também:

Modificar a imagem da cartinha enviar postagem
Sites de musica
Conseguir mais visitas para o blog
Usar o Google Analytics - contador de visitas
Formulário em PHP
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

183 comentários:

  1. Eu queria usar esse código só não entendi pra que serve. Tem um blog que tenha como exemplo?

    ResponderExcluir
  2. Carol
    estou usando o código neste blog http://frasecurta.blogspot.com

    ele faz os títulos dos marcadores ficarem girando como se formassem uma espera

    ResponderExcluir
  3. fiz uma atualização, agora coloquei o link do blog que estou usando o código no inicio desta postagem

    ResponderExcluir
  4. Hum obrigado por pesquisar sobre isso so que nao estou conseguindo fazer uma coisa to tentando fazer que o fundo fique preto e as letras brancas so que nao da certo sera que tu consegue fazer o codigo certinho pra min obrigado flw

    ResponderExcluir
  5. Nagel
    acabei de testar novamente o código e funcionou, talvez você apagou algo a mais na hora de mudar a cor.
    é só trocar onde tem ffffff no código pela cor que desejar, no caso do preto é 000000

    ResponderExcluir
  6. Muito bom esse recurso! vou implementar no meu blog com certeza valeu pela dica.

    ResponderExcluir
  7. Bah achei muito legal essa postagem e ja apliquei no meu blog http://noticiasdegames-x.blogspot.com/ muito obrigado
    flw

    ResponderExcluir
  8. Ficou muito legal. Adorei a dica..há tempos estava procurando alguma coisa pra destacar as tags. Valeu. Obrigado!

    ResponderExcluir
  9. Testei, ficou show, já tô usando no meu blog: umap-vca.blogspot.com.
    Muito obrigado mesmo!!!

    ResponderExcluir
  10. Fabiano,queria saber se tem como tirar a frase 'postagens mais antigas' do blog?

    ResponderExcluir
  11. cara muito bom isso gostei de mais parabens pela dica viu ficou otimo no meu blog so nao deu pra mim mudar a cor da letra mais ta otimo

    ResponderExcluir
  12. Ola Fabiano.

    Já havia visto esta dica em outros blogs, mas a forma como você a demonstrou é bem mais clara. Gostei muito da didática que utilizou.

    Parabéns!

    Grande Abraço

    Idenaldo

    ResponderExcluir
  13. Muito boa essa dica mais tipo esta dando esse erro :

    O item de id Label99 não está contido em uma seção (o elemento pai é: div). Todos os widgets devem estar em uma seção.


    Oque devo mudar ? Oque estou fazendo de errado ? So mudei a altura e largura mais nada .


    Grato :)

    ResponderExcluir
  14. Acontece este erro:
    Mensagem de erro em XML: Element type "ahref" must be followed by either attribute specifications, ">" or "/>".

    ResponderExcluir
  15. fizemos uma correção no código, agora está funcionando.

    ResponderExcluir
  16. Fabiano, no meu blog o codigo fica todo branco porque isso acontece, eu iz corretamente mais de 10 vezes
    vlw .

    www.streetdowns.blogspot.com

    ResponderExcluir
  17. Funciona perfeito agora!
    Só para informar, para trocar a cor da letra, deve-se conservar o "0x" trocando apenas o código da cor sem o #.
    Toda modificação selecionar "Expandir modelos de widgets"
    Valeu.

    ResponderExcluir
  18. Ainda da esse erro :

    O item de id Label99 não está contido em uma seção (o elemento pai é: div). Todos os widgets devem estar em uma seção.



    Oque estou fazendo de errado ?

    Grato

    ResponderExcluir
  19. Fabiano, voce poderia me dar o codigo pronto ?, eu quero 200x200 fundo branco e letra preta, letras no tamanho 20, se puder ficarei muito grato.

    vlw

    www.streetdowns.blogspot.com

    ResponderExcluir
  20. Trompete

    realmente deveria ter falado disso, que após colocar o código se quiser editar é preciso expandir o modelo, vou colocar isso lá agora.

    Rodrigo
    testei novamente e está funcionando

    † Gяєgоя¥ MαΤħєϋﯕ †
    como disse o Trompete no comentário acima tem que preservar o 0x nas cores.
    copie o código no blog no bloco de notas para editar e depois coloque no blog

    ResponderExcluir
  21. nao consigui fazer alguem me ajuda ?

    ResponderExcluir
  22. não tem muito como ajudar, é só colocar o código na pagina editar html, mas qual foi o problema? não achou o lugar para inserir o código? deu alguma mensagem de erro?..

    ResponderExcluir
  23. Eu coloquei esse código que vcs disseram que alteraram mas o Blogger ainda insiste em dizer: "Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The element type "html" must be terminated by the matching end-tag ""."


    Como eu faço?

    ResponderExcluir
  24. Thais Guerra
    não sei o que aconteceu, acabei de fazer um novo teste e deu tudo certo foi só copiar, colar e salvou normalmente, veja se na hora de alterar o código você não apagou algo por engano

    ResponderExcluir
  25. parabéns, já tinha tentado o do blogbuster mas não deu muito certo.
    Este aqui eu vi lá no exemplo, parbéns ai, grande feito.

    ResponderExcluir
  26. Uia onde tá este 200 ???? na largura ou altura sei lá eu num achei

    ResponderExcluir
  27. Toribashhhhh fiz uma correção, era 300

    ResponderExcluir
  28. Adorei essa dica! Deu super certo no meu blog! Obrigada!

    ResponderExcluir
  29. Oi, muito bom esse blog...

    Eu coloquei esse recurso em outro site meu: p-bto.com mas queria colocar no meu blog, porém como o fundo da minha sidebar tem duas cores, do azul claro ao branco (pedjah.blogspot.com). Então queria o fundo transparente desses marcadores em nuvens. Tem como?

    ResponderExcluir
  30. Ahh e outra coisa... Os marcadores que tem acentos no nome, tipo "vídeos" não sao reconhecidos por ele...

    ResponderExcluir
  31. Pedjah
    fundo transparente acho que não é possivel, mas altere as letras ffffff no código elas são a cor de fundo

    aqui tem o código de muitas cores
    http://www.dicasparablogs.com.br/2009/02/codigo-das-cores.html

    ResponderExcluir
  32. Nuvem de problemas. adorei a ideia. ao colar o codigo, deu problema, nao consigo postar mais nada e nem o ultimo post que eu havia feito aparece mais. o suporte nao ajuda nada... que que eu faço? Perdi meu blog?

    codigo de erro:
    Não foi possível concluir sua solicitação.
    Ao relatar esse erro ao Suporte do Blogger ou ao Grupo de Ajuda do Blogger:
    • Descreva o que você estava fazendo quando recebeu este erro.
    • Forneça o código de erro e as informações adicionais a seguir.
    bX-7ybr9a
    INFORMAÇÕES ADICIONAIS
    blogID: 2435430445442479812
    host: www.blogger.com
    uri: /blog-options-basic.g
    Estas informações vão nos ajudar a rastrear seu problema específico e a corrigi-lo. Pedimos desculpas pelo transtorno.
    ENCONTRE AJUDA
    Veja se mais alguém está enfrentando o mesmo problema: Pesquise bX-7ybr9a no Grupo de Ajuda do Blogger
    Se você não encontrar resultados para essa pesquisa, inicie um novo tópico. Não esqueça de mencionar bX-7ybr9a na mensagem.

    ResponderExcluir
  33. Felizmente o proprio blogger 'consertou' o blog, me salvando de um ataque cardíaco. Nem sei o que faria se perdesse meu blog... desculpe o transtorno. obrigada pela dica.

    ResponderExcluir
  34. Muiro interessam]nte isso aí...
    só ki komo meu blog naum eh do blogspost .. naum estou konseguindo adicionar esse efeito...
    pode ajudar?

    ResponderExcluir
  35. Gostei muito da dica e funcionou muito bem no meu blog,Brigadão!

    ResponderExcluir
  36. Madá
    isso pode ser alguma falha momentanea do blogger, na maioria das vezes algum tempo depois está tudo normalizado


    Mike Designer Gráfico
    tente fazer de novo, as vezes dá algum erro

    ResponderExcluir
  37. Tem lugar certo para copiar? pq o meu está dando esse erro:
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The processing instruction target matching "[xX][mM][lL]" is not allowed.

    ResponderExcluir
  38. O meu está dando erro! Tem um lugar exato no código html onde devo colar esse código? Aparece sempre a mensagem: Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The processing instruction target matching "[xX][mM][lL]" is not allowed. Aparece isso mesmo eu copiando exatamente o código que vc deu.

    ResponderExcluir
  39. talvez tenha ocorrido alguma mudança interna no blogger para não aceitar esse código, pois nos dias que fiz essa postagem outras pessoas e eu colocamos isso em vários blogs e funcionou perfeitamente, minha sugestão é tentar de novo

    ResponderExcluir
  40. olá gente passa no meu blog
    para vc conhecerem tem muitas coisas enteressantes obrigado
    desde já
    http://superfacilegratis.tk/

    ResponderExcluir
  41. Era justamente esse código de tags que eu estava precisando para colocar no meu blog, porem mesmo vasculhando aqui pela internet não achei nenhum código ou condição que pudesse deixar o fundo da nuvem transparennte, pois no meu blog eu utlizo uma textura e não gostaria que a mesma fosse escondida!

    ResponderExcluir
  42. ai car.
    muito massa.
    deu certo aqui.
    o unico problema é que eu queria fundo preto com letras brancas.
    coloquei os codigos corretamente mas não foi.
    o fundo mudou.
    mas as letras eu tentei mudar com mais de uma cor e nada.
    tentei varios codigos mas não deu certo.
    valeu as dicas cara.
    teu blog é show mesmo
    fui

    ResponderExcluir
  43. Infelizmente não sei como deixar transparente

    ResponderExcluir
  44. Cara , entrei li e eu que não entendo quase nada de HTML consegui coloca no meu blog em 10 minutos. valeu pela informação! um forte abraço!

    ResponderExcluir
  45. Muiiiiiiiiiiiiiiiito bom!!mutissimo bom adorei seu blog é d+!

    ResponderExcluir
  46. Ola Fabiano!

    Parabéns pelo Blog!

    Gostaria de compartilhar com vcs como se faz para deixar o pano de fundo transparente, é o seguinte:
    O autor do código informa na própria linha para passar essa linha para a lista imediatamente abaixo.

    // uncomment next line to enable transparency
    //so.addParam("wmode", "transparent");

    Então fica assim:

    so.addParam("wmode","transparent");
    so.addVariable("tcolor","0x333333");
    so.addVariable("mode", "tags");
    so.addVariable("distr", "true");
    so.addVariable("tspeed", "100");
    so.addVariable("tagcloud",

    Eu fiz e deu certinho, mas teste de forma segura antes de mexer no código.

    Beijokas

    ResponderExcluir
  47. Fabiano gosto muito do seu site, porem gostaria de saber se ha a possibilidade de colocar links nas nuvens em vez de marcadores nas paginas, tipo estou no meu site e tenho esta nuvem, e detro desta nuvem colocar por exemplo o seu site para ir direto, tem como????

    ResponderExcluir
  48. esse código é feito para os marcadores do blog, não tem como alterar para os links

    ResponderExcluir
  49. desculpe te amolar de novo, mas achei um site interessante http://www.tagcloud-generator.com ele cria esta nuvem de tags, porem para links de outros sites, só que como sou leigo ainda em html e outros, se possivel será que vc poderia me ajudar a usar este que vc tem só que adaptado para o que eu encontrei em forma de links ou outra pessoa se puder me ajudar meu e-mail é rodrigokcs@hotmail.com, fico grato desde já. PS. no site que passei não tem no formato de bola, apenas no formato espacial,é acho que é isto... Outra coisa se alguem puder me mandar o link correto para colocar em blog do site http://www.tagcloud-generator.com, não estou conseguindo colocar!!!
    Obrigado desde já!!!!!!!

    ResponderExcluir
  50. Rodrigo Klinguelfus
    precisa colocar as palavras e os links ,clicar em generate preview e depois copiar o código abaixo, o site só formata o texto dos links em diversos tamanho de fonte

    ResponderExcluir
  51. Fabiano em html até ue sei, porem ele te da a opção de colocar em flash, ai que eu não sei como colocar, será que vc poderia me ajudar ou alguem do site , meu e-mail é rodrigokcs@hotmail.com, agradeçoa a atenção desde já e fiko no aguardo!!!!!

    ResponderExcluir
  52. Rodrigo Klinguelfus
    eu sei fazer umas coisas em flash, mas isso que está querendo ainda não sei.

    ResponderExcluir
  53. transparente é como a colega de cima disse. também dei com essa dica. mas dá este erro:

    "Corrija o erro abaixo e envie o seu modelo novamente.
    O item de id Label99 não está contido em uma seção (o elemento pai é: div). Todos os widgets devem estar em uma seção."

    já coloquei com div e sem div e nada.

    como dar volta a isto?

    ResponderExcluir
  54. provavelmente na hora de copiar ou modificar o código apareceu algum erro.

    quando copiamos códigos as vezes tem caracteres invisíveis dependendo do programa que usamos pra editar o código.

    ResponderExcluir
  55. otimooo..consegui..obrigadaaaa
    http://dadodolabella-pimentinha.blogspot.com

    ResponderExcluir
  56. Fiz tudo certinho, mas não apareceu nada no meu blog, exceto isto:

    Labels
    Blogumulus by Roy Tanck and Amanda Fazani | Distributed by Blogger Template

    Pode me ajudar?

    ResponderExcluir
  57. Paula Argollo

    tente colocar novamente o código, as vezes dá algum erro na hora de copiar e colar o código

    ResponderExcluir
  58. Mais uma vez tentei e não consegui.
    Que pena, viu? Eu queria muito e faz tempo que procurava... mas enfim.. não deu certo pra mim.

    ResponderExcluir
  59. vamos publicar um novo código tipo nuvem de tags em breve, espero que tenha mais sorte, mas alguns templates são mais difíceis de instalar códigos talvez seja o seu caso

    ResponderExcluir
  60. O meu blog possui 10 marcadores mais com esse efeito só aparecem 8 oque eu faço?

    ResponderExcluir
  61. Vini Ribs
    não tem como alterar o código, então você pode tentar fazer novamente mas se continuar assim não tem com resolver.

    ResponderExcluir
  62. affs eu coloquei tudo certinho varias veses e a unica coisa q aparece e o nome labels e um grande espaço vasio =(
    tenta mesmo fazer um outro poster q ajude agente aew com esse problema =) vlw

    ResponderExcluir
  63. foram as atualizações dos navegadores que fizeram esse código parar de funcionar, quando publique fiz os testes antes e deu tudo certo

    ResponderExcluir
  64. ei ei, tem alguém aqui ainda?
    eu coloquei, deu tudo certo..
    só que antes de salvar eu coloquei pra visualizar, ele está lá mas tipo, tooodo o resto dos gadgets sumiram. quando eu salvar eles vão ser excluidos?

    valeu :B

    ResponderExcluir
  65. Deep Love
    bem estranho você dizer isso, quando testei apareceu normalmente, sugiro fazer primeiro um teste em um outro blog que não seja o seu principal.

    ResponderExcluir
  66. Olá Fabiano, boa noite, eu gostaria de saber se essa nuvem de tags serve para o Google reconhecer e assim aumentar o tráfego com as palavras, e também gostaria de saber se serve somente para blogspot ou também para o Uol Zip Net? Obrigada!!!

    ResponderExcluir
  67. pode tentar colocar a nuvem de tags em qualquer tipo de blog, mas talvez não funcione em todos eles, mas só tentando para saber.

    sobre ter mais visitas a idéia é a seguinte quanto mais paginas do seu blog as pessoas visitarem melhor você é visto pelo Google e outros sites de busca

    ResponderExcluir
  68. Caro Fabiano,

    Mui grato fico por sua dica (há meses eu tentava... tentava... usando outras dicas por aí... e nada). Agora deu tudo certo. Forte abraço!

    Caro Marcello:

    Eu também estava com o mesmo problema seu até que fui em 'Editar postagem', embaixo cliquei em 'Opções de postagem' e, lá em 'Backlinks' deixei marcado a caixinha 'Permitir'.
    Depois fui em 'marcadores' e escrevi lá as palavras que eu queria que aparecesse na nuvem de tags.
    Aí é só gerenciar o gaidget (labels), editar o que vai aparecer ou não na nuvem.

    Abraço!

    ResponderExcluir
  69. funcionou de primeira!
    grato pela dica
    se quiser dicas de marketing baixe grátis o ebook Marketing & Criatividade Casos Práticos no site www.gruposupera.com.br
    diversos casos reais de consultoria e ferramentas práticas

    ResponderExcluir
  70. coloquei o cod no meu site e ele apagou toda a pagina

    ResponderExcluir
  71. cristinatartali.blogspot.com25 de janeiro de 2010 03:00

    ola, tento há dias colar o código do wordles, só traz informação de erros, diveros. oq faço
    cristina.tartali@gmail.com

    ResponderExcluir
  72. olá copiei o código para meu blog só que não sei alterar as palavras que quero colocar para ficarem girando.no blog apareceu apenas duas linhas brancas e o titulo que fiz.me ajudem por favor

    ResponderExcluir
  73. cristinatartali.blogspot.com
    deve ser um problema do próprio site, veja no setor de ajuda deles

    Paulo Araujo
    para alterar as palavras é só mudar os marcadores do seu blog normalmente

    ResponderExcluir
  74. Oi Fabiano, não consegui fazer no meu blog diz ai com detalhes pra vê se abre minha cabeça.
    vlw!
    abraço

    ResponderExcluir
  75. nem em todos os blogs funcionou direito esse código, tente colocar sem fazer alteração alguma primeiro, depois faça as edições

    ResponderExcluir
  76. Muito bom e diferente, da uma cara diferente ao blog. Ainda por cima é super fácil de coloa-lo no blog!

    ResponderExcluir
  77. Olá, gostei muito da sua explicação de como colocar essa nuvem de TAGS! Consegui de primeira! Eu só não consegui alterar tamanho e cores, como faço? Como sei o tamanho para colocar? Obrigada e Parabéns!

    ResponderExcluir
  78. style='12' é o tamanho da letra e os valores 300 e 240 o tamanho total que o gadget ocupa

    ResponderExcluir
  79. muito boa esta dica, deu direitinho sem preocupação nem nada. agradeço muito ao Dicas para Blogs, tem me ajudado bastante.

    ResponderExcluir
  80. Estava usando esta nuvem de tags até hoje a tarde em meu blog... do nada ela desapareceu, e nao mexi nas configuraçoes... sabe me dizer se tem algum problema?
    agora no lugar aparece apenas estes dizeres: * Blogumulus by Roy Tanck and Amanda Fazani | Distributed by Blogger Templates Designs *

    ResponderExcluir
  81. {kailla}a kdella® de Atila
    esse código importa scripts de outros sites, talvez houve problemas nesta hospedagem, vamos aguardar um pouco, mas se não voltar ao normal será necessário achar outro código para fazer isso.

    ResponderExcluir
  82. Estou com o mesmo problema da {kailla}a kdella® de Atila há uma semana.

    Tirei o gadget pra não fazer propaganda da Amanda e Cia Ltda.

    Não sei o que fazer.

    ResponderExcluir
  83. Alguém sabe explicar o que aocnteceu com o gadget ou tem uma solução para o problema?

    ResponderExcluir
  84. recentemente o blogger tem apresentado algumas falhas, essa é uma delas, vou pesquisar por um novo código para fazer a nuvem de tags

    ResponderExcluir
  85. O meu template não tem o código, me ajuda, quero muito colocar essa nuvem!

    ResponderExcluir
  86. Não consigo colocar essa nuvem de tags...
    Não sei o que está dando errado,faço tudo certo, aparece a labels nos elementos de pagina mas quando vou visualizar o blog não aparece nada.
    O que deu errado?
    Alguém me ajuda? quero muito colocar essa nuvem! dá um up no visual do blog.

    ResponderExcluir
  87. o blogger está fazendo algumas mudanças em seus códigos e isso está gerando falhas na nuvem de tags, vamos procurar e publicar outro código para fazer isso em breve.

    ResponderExcluir
  88. Ola Fabiano!
    Depois de muito procurar encontrei aqui(quase um ano atras) a nuvem, foi facílimo colocar e ficou perfeito, mas como todos o meu tmb desapareceu.Retirei do layout mas não tirei do html, será q assim ja ta bom ou tenho q tirar do html?
    Gostaria tmb q vc me enviasse por email o novo cod assim q vc conseguir, pois essa nuvem é linda e ocupa pouquíssimo espaço.
    Obrigado!
    Indra Brianna

    ResponderExcluir
  89. também coloquei no meu blog,mas sumiu...pesquisei e descubrir que vc tem que hospedar um tal de scrip por conta propria,mas não faço ideia o que seja isso.alguem pode me ajudar?

    ResponderExcluir
  90. encontrei uns outros códigos para fazer essa nuvem, mas eles não funcionaram nos modelos novos do blogger então nem adianta publicar agora.

    assim que tiver novidade vou publicar.

    ResponderExcluir
  91. Não encontro de jeito a linha:
    Para poder colar o código.
    è possível que meu html possa não ter essa linha ou pode ser outra pareceida pois vi algumas parecidas mas a linha não encontro.
    Aguardo resposta..
    obrigado

    ResponderExcluir
  92. Nos templates mais novos do blogger as tags são diferentes então talvez esse código não funcione

    ResponderExcluir
  93. Encontrei esta solução para voltar a funcionar a nuvem:

    http://ocportugal.blogspot.com/2010/03/blogumus.html

    Mas comigo não funcionou, depois de 5 tentativas, tanto com o template novo do blogger quanto com o antigo.

    Fico no aguardo de uma solução.

    ResponderExcluir
  94. Raskólhnikov II, o herege
    esse código de nuvem de tags tem dado muitos problemas ultimamente, eu também procurei mas ainda não achei um que funcione bem

    ResponderExcluir
  95. Não encontro essa parte e porisso não consigo fazer



    o que eu faço?

    ResponderExcluir
  96. Ou, estou há meses senão há anos querendo criar essa tal nuvem de tags animada para o blogspot. Dá uma ajuda aí:www.abadabeijaeu.blogspot.com

    Aguardo contatos.

    Att,

    Adauto

    ResponderExcluir
  97. o blogger modificou os códigos por isso não encontra uma nuvem de tags que funciona, ainda não temos um código novo para isso.

    ResponderExcluir
  98. OLá,
    fiz tudo certo, apareceu o gadget,
    mudei de lugar
    mas quando visualizava, aparecia nas cores escolhidas, porém não as tags somente o nome dos desenvolvedores.

    Não consegui arrumar? alguma dica?

    acabei excluindo o gadget...

    ResponderExcluir
  99. Olá, fiz extamanete como foi explicado (mto bem por siinal), mas apareceu o seguinte erro:
    "Mais de um item encontrado com o id: Text1. Os IDs de itens devem ser únicos e exclusivos."

    O Layout do blog interefere no código?
    Obrigado desde já.

    ResponderExcluir
  100. Olá Fabiano, tem como fazer este efeito com imagens?

    Amo teu blog, bjus

    ResponderExcluir
  101. não tenho código para fazer esse efeito com imagens

    ResponderExcluir
  102. O Blogumulus parou de funcionar de novo? Alguém está trabalhando na solução?

    Aguardo novidades.

    ResponderExcluir
  103. Eu expandi os modelos de widgets e fiz tudo o que você mandou. Só que quando eu fui procurar "" não encontrei. Eu apertei Ctrl + F e procurei. Não encontrei. O que faço?

    ResponderExcluir
  104. Ola preciso de ajuda.eu fiz um menu usando os marcadores, mais quando vou colocar as tags fica com os titulos do meu menu pode me ajudar acabei de fazer.

    ResponderExcluir
  105. Henrique


    veja aqui Opções dos marcadores do blogger, neste link mostra como escolher quais marcadores aparecem na lista

    ResponderExcluir
  106. Olá poderia me ajudar quando aperto aperto F3 para o localizar (
    ), não localiza, queria tanto colocar a nuvem de tags, please help me! rs

    ResponderExcluir
  107. use o ctrl F para achar, procure por section class='sidebar' id='sidebar' ou section id='sidebar'

    conforme o template a ordem muda, então no seu pode não estar exatamente igual

    ResponderExcluir
  108. os códigos só aparecem depois que adicionar o gadget, mas isso varia um pouco conforme o modelo de template

    ResponderExcluir
  109. Tentei por no meu, mas não tá rolando Fabiano... pior que é bem essa nuvem que eu quero =/
    Que será que ta havendo?
    Jonas

    ResponderExcluir
  110. Eu estava fuçando em alguns sites e vi em um deles aqueles tags com nuvens de globo, sendo mais especifica : .tagcloud-generator.com.
    fiz todo o processo de colocar links, coloca cor, tamanho e tal. Fiz o download e é ai que me perdi totalmente eles falam assim:
    - Abra o exemplo de arquivo HTML do seu pacote de download com o seu favorito HTML Editor.


    Se você tem uma homepage com "AC_RunActiveContent.js", você pode pular esta etapa.
    - Copie as duas linhas <script do bloco para o cabeçalho <head homepage.


    - Copie o <script e <noscript bloco para o local na sua página inicial, onde o Flash Tag Cloud deve ser adicionada.

    - Envie o arquivo *. swf, *. xml e (se necessário "AC_RunActiveContent.js") no seu espaço web, normalmente para o webroot.

    Como????fazer isso sem toda essa complicação?
    Quero colocar isso no blog do blogspot!
    Grata

    ResponderExcluir
  111. Larissa Aphamési
    esses arquivos para hospedar são mesmo um problema o blogspot não aceita nenhum deles, mas você pode usar o google docs ou google sites para hospedar os arquivos

    ResponderExcluir
  112. NO MEU BLOG NÃO TEM ESSA PARTE:

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

    JÁ PROCUREI EM CONTROL "F" E NEM ACHEI, VC PODERIA MEMANDAR UM EMAIL FALANDO SE TEM OUTRO LUGAR PRA COLOCAR? O MEU BLOG NÃO TEM UMA BOA PARTE DESSES CÓDIGOS...

    ResponderExcluir
  113. talvez seja um pouco diferente... procure por trechos menores e não a linha toda

    ResponderExcluir
  114. Muito obrigado, parabéns. Segui as dicas e consegui colocar nuvem de tags no meu blog.
    Revendo produtos importados (www.produtoischina.com) e melhorou bastante o blog colocando os tags.

    ResponderExcluir
  115. COLOQUEI NO BLOG FICOU MANEIRÃO!! BRIGADU.

    ResponderExcluir
  116. Eu naõ achei o treco no meu html, :(
    Queria muito colocar essa nuvem de tags,
    mas não dá.

    Me ajudem :*

    http://esqueciomeubatom.blogspot.com

    ResponderExcluir
  117. a pagina html fica em designer, veja nas abas tem html

    ResponderExcluir
  118. Eu sei onde fica o editor de HTML, mas o meu não tem essa linha que vocês pedem pra procurar. Tem alguma outra forma de adicionar essa nuvem de tags? Ou adicionar essa linha sem alterar o meu layout?

    ResponderExcluir
  119. use a pesquisa de nosso site, tem outros códigos para nuvem de tags

    ResponderExcluir
  120. OIE ME " AJUDA " NO MEU BLOG NÃO TEM


    COMO EU FAÇO ???


    AJUDA AI PORFAVOR

    ResponderExcluir
  121. esses codigos você tem que adicionar ao seu blog....

    se não der certo veja esse outro Gadget Nuvem de tags (marcadores)

    ResponderExcluir
  122. No meu blog não tem essa Linha de texto

    ResponderExcluir
  123. esse código você adiciona ao html do seu blog

    ResponderExcluir
  124. nao tem este codigo no meu html


    nao tem!! oque fasso?

    ResponderExcluir
  125. Olá gente, eu gostei da postagem, mas não estou conseguindo fazer no meu, eu copio, colo e quando salvo só aparece os créditos, qm criou e tal, mas a nuvem emsmo não aparece e eu não apaguei nada, ta tudo certinho!

    ResponderExcluir
  126. parece que o site desenvolvedor deste código fez alterações e ele está dando erro no momento.. não temos oque fazer senão aguardar e torcer por uma correção

    ResponderExcluir
  127. Help, please.

    No meu Blog não existe este código ->



    Como faço para colocar as nuvens agora?

    ResponderExcluir
  128. aqui tem outro código para nuvem de tags

    ResponderExcluir
  129. Onde eu modifico pra colocar meus links?

    ResponderExcluir
  130. os links da nuvem de tags são os marcadores... então só precisa adicionar marcadores em suas postagens

    ResponderExcluir
  131. Olá, coloquei o código, mas não apareceu a nuvem de TAGs no blog e sim esta mensagem, pode me dizer o que deu errado???

    Blogumulus by Roy Tanck and Amanda Fazani | Distributed by Blogger Templates Designs

    ResponderExcluir
  132. se você fez as alterações corretas e não deu certo, talvez o código tenha sido alterado pelo autor.. a pessoa que fez e hospedou os arquivos, se for isso não temos o que fazer.

    ResponderExcluir
  133. cara tentei colocar no html do meu blog mas nao achei esse comando no meu so tem isso : o que eu faço?? me manda um email : die_guitarist@hotmail.com

    ResponderExcluir
  134. Só dá pra usar no Blogger? Meu blog é no Wordpress e eu queria colocar essa nuvem de tags ae. Tem como? :s

    ResponderExcluir
  135. não sei como funciona essa nuvem de tags para o wordpress

    ResponderExcluir
  136. Olá, queria colocar no meu mas nao entendo muito de html.Procurei a linha


    Se não tiver essa linha de sidebar, como faço pra colocar o código completo e onde coloco?

    ResponderExcluir
  137. esse trecho você tem que adicionar completo... ele não tem o código original do blog

    ResponderExcluir
  138. Fabiano, eu queria um mural de tags e não uma nuvem, tem aqui no site também?

    ResponderExcluir
  139. Luana
    no gadget padrão de marcadores do blogger tem a opções nuvem, mas ela é sem movimento, veja se gosta...

    apenas clique para editar os marcadores e altere a forma de lista para nuvem

    ResponderExcluir
  140. eu não consegui a achar o código quando eu coloquei em html

    ResponderExcluir
  141. esse código não tem no seu html... vc deve adicionar

    ResponderExcluir
  142. fiz um template pelo blogger msm.. e não consigo achar .. como faço. por favor !

    ResponderExcluir
  143. esse código é para adicionar no seu blog... não tem mesmo

    ResponderExcluir
  144. Eu não consegui achar o código, eu faço uma busca no html e da que não tem nada com existe algum outro lugar ?

    ResponderExcluir
  145. Seu blog está ótimo com essas dicas!
    Obrigada, deu super certo!

    ResponderExcluir
  146. Não achei a parte



    no EDITAR HTML.

    Alguém pode me ajudar ?

    ResponderExcluir
  147. no meu blog não tem essa linha , o que eu faço?

    ResponderExcluir
  148. esse trecho do código idget id='Label99' locked='false' title='Labels' type='Label'

    não tem no seu blog, você deve adicionar

    ResponderExcluir
  149. esse código é para colocar diretametne na pagina editar html, mas precisa marcar a opção de expandir o modelo

    ResponderExcluir
  150. Quando eu procuro por:
    diz que nao foi encontrado... o que eu faço???
    espero que ajude-me

    ResponderExcluir
  151. esse código não tem no seu blog, você deve adicionar

    ResponderExcluir
  152. Oi Fabiano, eu queria saber se tem outro código pra procurar e colar o editado logo depois, pois não estou encontrando o código "" no HTML do meu blog... Tem como?

    ResponderExcluir
  153. @Daniele♥ não conheço outro código para fazer a nuvem de tags

    ResponderExcluir
  154. eu procurei esse código no meu blog, e deu não encontrado, o que eu faço ?

    ResponderExcluir
  155. Lhais Isabelle
    esse código não tem no seu blog. Você deve adicionar esse trecho

    ResponderExcluir
  156. mais dai eu coloco aonde? esse trecho? :S

    ResponderExcluir
  157. junto com os outros gadgets, veja aqui como colocalizar o código dos gadgets: Apagar Gadgets pelo HTML do Blogspot

    ResponderExcluir
  158. cara quando eu coloco crtl+f no html do blog para pesquisar esse codigo não encontra o que eu faço?

    ResponderExcluir
  159. mufasaproducoes esse código não tem no blog você deve adicionar

    ResponderExcluir
  160. cara, eu boiei nesse link que você me passou! kkkkkkkkk eu intendo só um pouco de html, me explica ai como que eu faço pra por essa bendita nuvem de tags no meu blog? kkkkk

    ResponderExcluir
  161. esse código não funciona em todos os templates.

    a nuvem em movimento é uma adaptação por isso as vezes dá erro. seria melhor aguardar o blogger lançar oficialmente algo parecido com isso

    ResponderExcluir
  162. Oi! Eu tentei colocar o Gadget Simples daNuvem de Tags mais ele não quer aparecer os marcadores! Entao tentei editar o HTML mais não encontro a seguinte linha: Por que ?

    ResponderExcluir
  163. não encontra qual linha?

    marcou a opção para expandir o modelo de widgets?

    ResponderExcluir
  164. Não encontre esta linha :

    Expandi sim os modelos, em nenhum dos meus dois blogs eu consegui ;(

    Obrigado

    ResponderExcluir
  165. você tem que adicionar esse código no seu html

    ResponderExcluir
  166. Eu posso adicionar o código depois de qualquer linha do HTML porq não consigo encontrar o código q vc refere acima!

    ResponderExcluir
  167. procure por linhas com <b:widget id='...

    e coloque antes dela

    ResponderExcluir
  168. Ok consegui adicionar o Gadget, mais ele não funcionou apareceu isto > Labels

    Blogumulus by Roy Tanck and Amanda Fazani | Distributed by Blogger Templates Designs

    ResponderExcluir
  169. acho que o código está com erro então. ele é um gadget criado por outro site por isso não posso resolver o problema

    ResponderExcluir
  170. Olá, bom dia!! Vi comentários de 3 anos atrás com o mesmo problema que tive... apliquei um certo modelo ao meu blog (na vdd tentei) e sempre que tento salvar as alterações aparece a seguinte mensagem:

    Erro ao analisar XML, linha 3, coluna 6: The processing instruction target matching "[xX][mM][lL]" is not allowed.

    Existe agora alguma solução pra este problema? Me ajudem, por favor.

    ResponderExcluir
  171. Frank Cyccon
    acho que a melhor opção é usar o gadget padrão do blogger para os marcadores.

    esses códigos externos as vezes dão erros conforme o seu template

    ResponderExcluir
  172. por que o meu não deu certo, essa linha não existe no meu html , mas apareceu no leyalt como labels mas não visualizo nada. por que?

    ResponderExcluir
  173. esse código é para adicionar no blog

    o html original não tem

    ResponderExcluir
  174. Coloquei, mas o meu fica em branco. Fiz a forma mais simples adicionando pelo layout do blogger, mas na minha barra lateral fica "No labels". O que devo fazer para que apareça?

    ResponderExcluir
  175. parece que a nuvem de tags gera erros em alguns blogs, mas não tem como resolver.

    isso acontece por causa dos códigos internos do gadget e não podemos modificar

    ResponderExcluir