Botão para as redes sociais - AddThis

Um ótimo serviço gratuito para ajudar na divulgação do seu blogspot é colocar um botão que permite adicionar sua pagina aos favoritos e também enviar para diversas redes sociais. Parece bastante coisa, mas o site AddThis faz tudo isso de forma muito simples para instalar no blogger.

Entre no site http://www.addthis.com, selecione a opção Blogger, depois escolha qual modelo de botão vai mostrar no seu blog, deixe marcado a opção No, just give me the button e clique em get your button



Na pagina seguinte verá um código logo depois de Blog Post Button Instructions, copie esse código, as instruções do site funcionam perfeitamente para instalar o botão no seu blog, é bem simples: Entre na pagina editar html, clique para expandir o modelo, procure por <div class='post-footer'> e cole o código do botão antes dele. Agora é só clicar para visualizar e depois salvar as alterações.

Quando for criar o botão pode escolher a opção Yes, track the performance of
my button. (requires registration), mas como deve ter notado será necessário fazer um cadastro, mas pode valer a pena se quiser explorar melhor os recursos e serviços do site. Dissemos para escolher a outra opção como uma forma mais simples de instalação, mas claro que é uma questão para cada um decidir qual o melhor jeito de fazer.

69 comentários:

  1. até agora eu tava procurando um nocio desse vlw aew fabiano :D

    ResponderExcluir
  2. botão instalado com sucesso.
    mais uma dica fera do fabiano.

    ResponderExcluir
  3. Estava procurando por isso... obrigada!!!

    ResponderExcluir
  4. Ótima mesmo essa dica!

    Eu tinha instalado um outro botão (SEO Button), mas quase ninguém clicava nele, pois era possível acompanhar os cliques via relatório na net.

    Vou tentar esse depois.

    Abraço.

    ResponderExcluir
  5. Estou com um problema.
    Ee funciona,mas,ou ele fica na pagina inicial das posts e quando clickado ele envia não o link do post ele envia o link do blog.
    Agora,quando ele está em paginas individuais dos posts,aí,sim ai enviar para redes sociais,Mas eu nen uso o hack leia mais ai dificulta também.
    Mas,achei a solução,achei uma dica que funciona,uma dia que é sua,aquela que é de compartilhe em redes sociais ai depois de clickado vai pro seu blog acessoriosparablog e tudo mais,Obrigado pela dica fabiano...

    ResponderExcluir
  6. downsjino
    isso é próprio do funcionamento do código, infelizmente não tem como alterar

    ResponderExcluir
  7. Muito boa esta dica. Seu blog é excelente. Já fiz várias modificações no meu, baseadas em sugestões suas. Gostaria de verificar o resultado? http://calango74.blogspot.com

    ResponderExcluir
  8. Fernando eu ja postei
    mais eu não sei na onde ta ese botão
    por favor me responda
    aqui esta o meu blog
    se quiser visualizar para ver se vc acha o botão para mim por favor
    entre no blog
    e procure por favor

    http://sagaavatar.blogspot.com

    ResponderExcluir
  9. Juninho, se colocou o código no seu blog e não apareceu deve ter feito algo errado, tente fazer novamente.

    quando tiver dificuldade para achar códigos use o ctrl F

    ResponderExcluir
  10. Olá Fabiano!

    Fiz tudo certinho e consegui. Queria mesmo era enviar post do meu blog para o diHITT.
    Obrigada por mais essa dica.
    Abraços!!

    ResponderExcluir
  11. veja aqui sobre o botão do dihitt

    http://www.dicasparablogs.com.br/2009/03/botao-do-dihitt.html

    ResponderExcluir
  12. Tava procurando isso.Ficou perfeito, muito obrigado. Parabéns pelo artigo

    ResponderExcluir
  13. post muito bom adcionei e ficou otimo muito bom valeu pela dica recomendo.

    ResponderExcluir
  14. Fabiano,achei seu blog muito interessante, cheio de ensinamentos principalmente para os iniciantes como eu ha,ha,ha.Graças a voce consegui fazer uma série de mudanças no meu blog.
    Obrigada!

    ResponderExcluir
  15. Fabiano,estava trocando de template,mas algumas coisas não deram cert.Voltei para o modelo de antes e perguntou se eu queria manter os gagets.Eu os mantive e fiquei com botões nas minhas postagens.Dá uma olhadinha,please.Posso deixá-los lá?

    ResponderExcluir
  16. Juliana Souza
    você fez do jeito certo, deveria mesmo ter escolhido a opção manter os gadgets, pode deixar assim

    ResponderExcluir
  17. valeu, nunca eu ia saber disso obrigado

    ResponderExcluir
  18. Adorei a explicação. Ficou ótimo, super fácil de entender...parabéns e obrigado. Khelen

    ResponderExcluir
  19. Muito obrigado, estava procurando uma solução igual a essa a muito tempo para meu blog, obrigado... ficou muito bom e funcional, indico totalmente

    ResponderExcluir
  20. parceiro....n sei pq mais no meu blog nao está aparecendo os botoes das redes socias que jah vem no proprio blog...e a opção ta marcada já...oq será?

    ResponderExcluir
  21. deixa pra lah...coloquei esse aqui...maneiro..vlww

    ResponderExcluir
  22. Fabiano,
    Adoro seu blog, sempre recebo as dicas e entrei aqui hoje para tentar colocar os botões de facebook e twitter lá no meu blog e site.
    Queria saber se estas instruções só servem para o blogspot pois meu blog é wordpress e não sei onde colocar o código! Será que poderia me ajudar?
    Obrigada,
    Paula

    ResponderExcluir
  23. o site addthis faz esse serviço para varios tipos de blogs, inclusive o wordpress

    ResponderExcluir
  24. coloque o código do botão do addthis dentro deste aqui:

    <center>codigo do addthis</center>

    ResponderExcluir
  25. Eu ja coloquei , em varias posições colocar o center , mais não deu , vou tentar novamente !

    ResponderExcluir
  26. Tem que por isso junto com o código :

    <"!-- AddThis Button END "-->
    <"!-- AddThis Button BEGIN "-->

    ResponderExcluir
  27. essas partes são apenas anotações para indicar o inicio e final do código, elas não são necessárias

    ResponderExcluir
  28. Então , como te disse coloquei center , em todas as posições , e nenhuma vez com que se ficasse centralizado , tem outro modo ?

    ResponderExcluir
  29. se colocou o código do addthis dentro da tag center e não funcionou deve ter outro código gerando esse erro de posição.. não tenho como saber qual é sem ver o código html do blog

    ResponderExcluir
  30. Fabiano , desculpe te encomodar novamente :D
    eu coloquei a opção "Yes, track the performance of
    my button" e gostei muito de outros botoes de la , mais gostaria como se põe , você tem um tutorial sobre isso ? Ou eu vou ter que me virar :D

    ResponderExcluir
  31. você tem razão ainda não escrevi um tutorial sobre o uso desta analise de perfomace...

    vou preparar e publicar em breve, obrigado pela sugestão

    ResponderExcluir
  32. Fabiano como sempre detonando nas dicas, cara muito bom mesmo, tava procurando isso a mó tempão, cara, sinceramente eu não sei o que seria da minha vida de blogueiro sem o dicas para blogs, obrigado por tudo cara.

    ResponderExcluir
  33. esse o modo que vcs colocaram aqui no site onde esta Twitter facebook you tube e orkut se nao por favor me mestre como fizeram isso

    ResponderExcluir
  34. muito obrigado! ajudou bastante! eu tentei apenas instalar o Widget e não funciou e aí fiz o que vc ensinou e deu certo! Muito Obrigado
    Rafael Queiroz httpp://abrasuamentevocepodemais.blogspot.com

    ResponderExcluir
  35. só queria agradecer muito obrigado, ajudou muito! desculpe por ter colocado o link no outro comentário, eu não sabia que não era aceito! Mas muito obrigado assim mesmo valeu pelo post O_O

    ResponderExcluir
  36. Fabiano e como customizar as mensagens qdo clicamos no botão? ao invés de "via @addthis" gostaria de colocar "via nome do meu blog" não achei ninguem falando isso ou tutoriais, acredito que é possivel mas o site é todo em inglês, ficou difícil pra mim. Se puder ajudar, fico grata.

    ResponderExcluir
  37. NINE
    esse texto é padrão do site.. não tem como alterar

    ResponderExcluir
  38. ahh que pena! mas obrigada pela resposta!

    ResponderExcluir
  39. Primeiramente, gostaria de dizer que o blog de vocês é ótimo. Bom, quanto ao meu problema, eu estou tentando colocar os botões de compartilhamento e não consigo. Na edição das postagens eles até estão marcados, mas não aparecem no corpo do blog como aparece em outro blog que eu posto. Gostaria de ajuda sobre isso... desde já, obrigado:
    os dois blogs são:
    http://aponia.blogspot.com (os botões não aparecem)
    http://ihgt.blogspot.com/ (os botões aparecem normalmente)

    ResponderExcluir
  40. David Nascimento
    vou pesquisar sobre isso, pois fiz alguns testes e tem alguns templates que não aparecem os botões mesmo fazendo alterações no html... mas por enquanto não sei responder a pergunta

    parece que esses botões funcionam melhor em templates novos do blogger

    ResponderExcluir
  41. Fabiano,
    obrigado... pode ser isso mesmo, uma pena...
    obrigado

    ResponderExcluir
  42. Botões adicionados com sucesso...parabéns rapaz seu blog ajuda muito!

    ResponderExcluir
  43. Rapaz, na minha opinião este poste é candidato a top post do site. Já Há algum tempo eu venho lendo posts daqui e este realmente é mto útil. obg
    www.semelhanteajesus.com.br

    ResponderExcluir
  44. Hum mas como eu coloco éssa barra na lateral igual desse blog aqui ?
    Pq no meu blog ficou en baixo do post...

    ResponderExcluir
  45. Fera, gostei muito de suas dicas deste blog, consegui colocar a barra de redes sociasis do lado direito da tela, mas elas não recebem foco quando posiciono o cursor do mouse, tambem não abre nada quando clico sobre um dos botoes. gostaria de uma ajudinha básica :D.
    desde já agradeço.

    ResponderExcluir
  46. cyberfirefox
    não sei o motivo disso... já tentou mudar os botões de lugar?

    coloque em um gadget separado sem outros códigos

    ResponderExcluir
  47. Gostaria de saber se posso colocar os botões nos e-mails da minha empresa via outlook.

    ResponderExcluir
  48. @Anônimo na pagina do addthis onde configura o seu email tem a opção Email Newsletter, pode tentar criar um código lá. veja o exemplo que fizemos

    <!-- AddThis Button BEGIN -->

    <a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbx32nj-1.0&amp;url=http%3A%2F%2Fwww.dicasparablogs.com.br&amp;pubid=dicasparablogs" target="_blank" ><img src="http://cache.addthis.com/icons/v1/thumbs/32x32/facebook.png" border="0" alt="Facebook" /></a>

    <a href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?pco=tbx32nj-1.0&amp;url=http%3A%2F%2Fwww.dicasparablogs.com.br&amp;pubid=dicasparablogs" target="_blank" ><img src="http://cache.addthis.com/icons/v1/thumbs/32x32/twitter.png" border="0" alt="Twitter" /></a>

    <a href="http://www.addthis.com/bookmark.php?source=tbx32nj-1.0&amp;=250&amp;pubid=dicasparablogs&amp;url=http%3A%2F%2Fwww.dicasparablogs.com.br " target="_blank" ><img src="http://cache.addthis.com/icons/v1/thumbs/32x32/more.png" border="0" alt="More..." /></a>

    <!-- AddThis Button END -->

    ResponderExcluir
  49. Olá Fábio, gostei muito do seu web site e queria tirar uma dúvida. Estou montando um blog e gerei esse código do AddThis porém, estou colocando no rodapé do bloga e ele está ficando no canto esquerdo do blog. Qual mudança eu terei que fazer para ele ficar no canto direito?

    Desde já muito obrigado e parabéns pelo site!

    ResponderExcluir
  50. Aqui no meu blog não pega... Não aparece os botões! Não sei por que... Meu blog é www.voceabolaeeu.com | Me ajuda por favor! Já tentei de todos os botões, mas nenhum aparece!

    Abraços,
    Geano Souza

    ResponderExcluir
  51. @Você, a Bola e Eu! é estranho você dizer que não funciona porque normalmente é só colocar o código e pronto.

    tente usar um gadget somente para o código dos botões

    ResponderExcluir
  52. MtOOo obrigada!!!Acabei de colocar no Meu blog!!!
    www.lauramferreira.blogspot.com

    ResponderExcluir
  53. Fabiano o botão das redes sociais do addthis é um dos melhores da internet.
    No entanto eu adiciono os botões na tag dentro do HTML para que ele seja exibido junto aos resumos na página inicial tanto dentro dos posts, porém ao clicar nele na página inicial o link a ser divulgado é o da home e não o de dentro do artigo.
    Eu queria que fosse a mesma contagem na página inicial quanto dentro dos artigos?
    Tem como fazer isso?
    Abraço,

    ResponderExcluir
  54. Thiago o addthis recomenda a pagina atual, ou seja para recomendar a postagem tem que estar na pagina da postagem.

    ResponderExcluir
  55. Fabiano mas eu vi em alguns blogs o addthis nos resumos de cada postagem na página inicial e quando clicamos neles recomendamos o link do artigo e não a página inicial.Um exemplo desse blog foi o Dicas Blogger que é um dos seus top parceiros.
    Eu acho que talvez exista um código ou um local certo para que isso aconteça. Mesmo assim obrigado pela resposta.
    Abraço,

    ResponderExcluir
  56. Thiago vou fazer alguns testes sobre isso

    ResponderExcluir
  57. Olá Fabiano, bom eu adicionei e é ótimo, só que na página principal, quando eu clico para compartilhar, em vez de divulgar só aquele post, o link que é divulgado é o do site (Ever Potter - da uma olhada please). :x

    help

    ResponderExcluir
  58. Jessi Potter
    esses botões do jeito que mostrei compartilham a pagina atual.

    só vai enviar a postagem se estiver na pagina individual dela

    ResponderExcluir
  59. eu vim aqui justamente para ver como enviar o post com o addthis (que é o que conseguiu funcionar direito pra mim) inves da pagina "mãe", eu até tentei adicionar tag de url como aquela "a href" e nada... não tem como mesmo enviar a postagem inves da pagina? se não há, existe algum plugin de cada rede social(pelo menos G+, facebook e twitter) que funcione assim? eu ja tentei botões a parte, mas nenhum dava certo, eles apareciam com os mesmo numeros em todos os botões ( o que seria esse detalhe, de mandar a pagina toda)

    ResponderExcluir
  60. a função do addthis é enviar a pagina.

    se quiser recomendar somente posts é melhor configurar para que os botões apareçam somente na pagina de postagem, veja aqui: Conteúdo diferente nas paginas do blog

    ResponderExcluir