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.

Postagens mais Comentadas Receba Dicas por E-mail Recomendações dos Leitores

Link desta Pagina

69Comentários:

Lucas disse...: até agora eu tava procurando um nocio desse vlw aew fabiano :D; 23 de novembro de 2009 11:10
SERJAO_O_MARMANJJUS disse...: botão instalado com sucesso.
mais uma dica fera do fabiano.; 24 de novembro de 2009 11:17
Clarinha disse...: Estava procurando por isso... obrigada!!!; 24 de novembro de 2009 23:25
Iúri disse...: Ó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.; 25 de novembro de 2009 23:34
downsjino disse...: 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...; 1 de dezembro de 2009 23:29
Fabiano Roberto disse...: downsjino
isso é próprio do funcionamento do código, infelizmente não tem como alterar; 2 de dezembro de 2009 07:52
Calango 74 disse...: 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; 14 de dezembro de 2009 20:02
Juninho disse...: 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; 26 de janeiro de 2010 15:04
Fabiano Roberto disse...: 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; 26 de janeiro de 2010 15:39
EternoAprendiz disse...: 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!!; 28 de janeiro de 2010 22:19
Fabiano Roberto disse...: veja aqui sobre o botão do dihitt

http://www.dicasparablogs.com.br/2009/03/botao-do-dihitt.html; 29 de janeiro de 2010 13:45
Vinicius Raphael disse...: Tava procurando isso.Ficou perfeito, muito obrigado. Parabéns pelo artigo; 26 de fevereiro de 2010 01:16
mezzengabloggers disse...: post muito bom adcionei e ficou otimo muito bom valeu pela dica recomendo.; 7 de março de 2010 19:43
Jacinta Lúcia disse...: 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!; 18 de abril de 2010 17:45
Juliana Souza disse...: 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á?; 24 de junho de 2010 18:42
Fabiano Roberto disse...: Juliana Souza
você fez do jeito certo, deveria mesmo ter escolhido a opção manter os gadgets, pode deixar assim; 25 de junho de 2010 13:51
Anônimo disse...: valeu, nunca eu ia saber disso obrigado; 29 de junho de 2010 21:33
S.O.S - Anjos de Deus disse...: Adorei a explicação. Ficou ótimo, super fácil de entender...parabéns e obrigado. Khelen; 14 de outubro de 2010 19:21
olhando a lua disse...: Muito obrigado, estava procurando uma solução igual a essa a muito tempo para meu blog, obrigado... ficou muito bom e funcional, indico totalmente; 22 de outubro de 2010 12:56
Mp3 Samba e Pagode disse...: 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á?; 2 de dezembro de 2010 19:07
Mp3 Samba e Pagode disse...: deixa pra lah...coloquei esse aqui...maneiro..vlww; 2 de dezembro de 2010 19:15
Paula disse...: 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; 8 de dezembro de 2010 15:59
Fabiano Roberto disse...: o site addthis faz esse serviço para varios tipos de blogs, inclusive o wordpress; 8 de dezembro de 2010 16:12
marcelosx disse...: Não tem como centralizar ele ?; 27 de dezembro de 2010 17:57
Fabiano Roberto disse...: coloque o código do botão do addthis dentro deste aqui:

<center>codigo do addthis</center>; 27 de dezembro de 2010 19:06
marcelosx disse...: Eu ja coloquei , em varias posições colocar o center , mais não deu , vou tentar novamente !; 27 de dezembro de 2010 19:59
marcelosx disse...: Tem que por isso junto com o código :

<"!-- AddThis Button END "-->
<"!-- AddThis Button BEGIN "-->; 27 de dezembro de 2010 20:06
Fabiano Roberto disse...: essas partes são apenas anotações para indicar o inicio e final do código, elas não são necessárias; 27 de dezembro de 2010 20:13
marcelosx disse...: Então , como te disse coloquei center , em todas as posições , e nenhuma vez com que se ficasse centralizado , tem outro modo ?; 27 de dezembro de 2010 20:20
Fabiano Roberto disse...: 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; 27 de dezembro de 2010 22:22
marcelosx disse...: 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; 30 de dezembro de 2010 17:08
Fabiano Roberto disse...: 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; 30 de dezembro de 2010 17:44
Adriano disse...: 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.; 4 de janeiro de 2011 18:14
Juventude Livre - JULI disse...: Adorei, era esse mesmo que eu queria!; 1 de fevereiro de 2011 09:51
Lucas Alves disse...: 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; 14 de fevereiro de 2011 02:02
Fabiano Roberto disse...: veja aqui como posicionar as Imagens Lado a Lado; 14 de fevereiro de 2011 13:21
Genis disse...: Consegui!
Beleza"; 9 de março de 2011 13:54
SPAÇO FASHION SALÃO E BOUTIQUE disse...: Valeu pela dica!!
Obrigada!!; 12 de abril de 2011 22:51
Rafael Queiroz disse...: 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; 22 de maio de 2011 17:46
Rafael Queiroz disse...: 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; 22 de maio de 2011 17:48
NINE disse...: 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.; 22 de maio de 2011 22:14
Fabiano Roberto disse...: NINE
esse texto é padrão do site.. não tem como alterar; 22 de maio de 2011 23:21
NINE disse...: ahh que pena! mas obrigada pela resposta!; 22 de maio de 2011 23:28
David Nascimento disse...: 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); 3 de junho de 2011 02:04
Fabiano Roberto disse...: 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; 3 de junho de 2011 15:23
David Nascimento disse...: Fabiano,
obrigado... pode ser isso mesmo, uma pena...
obrigado; 3 de junho de 2011 22:15
Anônimo disse...: Botões adicionados com sucesso...parabéns rapaz seu blog ajuda muito!; 4 de junho de 2011 03:12
SemelhanteAJesus disse...: 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; 4 de junho de 2011 10:46
Anônimo disse...: Hum mas como eu coloco éssa barra na lateral igual desse blog aqui ?
Pq no meu blog ficou en baixo do post...; 24 de outubro de 2011 18:24
Fabiano Roberto disse...: anonimo
veja aqui Botões das Redes Sociais na Vertical - Compartilhar Posts; 25 de outubro de 2011 14:04
cyberfirefox disse...: 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.; 29 de outubro de 2011 13:48
Fabiano Roberto disse...: cyberfirefox
não sei o motivo disso... já tentou mudar os botões de lugar?

coloque em um gadget separado sem outros códigos; 29 de outubro de 2011 16:17
Anônimo disse...: Gostaria de saber se posso colocar os botões nos e-mails da minha empresa via outlook.; 2 de dezembro de 2011 14:51
Fabiano Roberto disse...: @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



<a href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbx32nj-1.0&url=http%3A%2F%2Fwww.dicasparablogs.com.br&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&url=http%3A%2F%2Fwww.dicasparablogs.com.br&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&=250&pubid=dicasparablogs&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>

; 2 de dezembro de 2011 17:43
Ulisses ™ disse...: 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!; 18 de dezembro de 2011 14:14
Fabiano Roberto disse...: @Ulisses ™ veja aqui: Botões de Compartilhamento Fixos no Canto da Pagina - Redes Sociais

usando o código do link é só trocar left:0px; por:
right:0px;; 18 de dezembro de 2011 23:08
Anônimo disse...: mt bom mesmo; 1 de janeiro de 2012 17:20
Você, a Bola e Eu! disse...: 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; 12 de janeiro de 2012 15:10
Fabiano Roberto disse...: @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; 12 de janeiro de 2012 15:19
Laura Ferreira disse...: MtOOo obrigada!!!Acabei de colocar no Meu blog!!!
www.lauramferreira.blogspot.com; 19 de janeiro de 2012 02:49
Thiago disse...: 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,; 20 de janeiro de 2012 20:52
Fabiano Roberto disse...: Thiago o addthis recomenda a pagina atual, ou seja para recomendar a postagem tem que estar na pagina da postagem.; 21 de janeiro de 2012 00:18
Thiago disse...: 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,; 21 de janeiro de 2012 11:38
Fabiano Roberto disse...: Thiago vou fazer alguns testes sobre isso; 21 de janeiro de 2012 15:07
Raphinha Benvenuti disse...: PQP era isso que eu tanto procuravaaa!
Muito obrigado
deixou mais um blogueiro feliz! Hahah!; 1 de fevereiro de 2012 21:29
Jessi Potter disse...: 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; 7 de março de 2012 13:53
Fabiano Roberto disse...: Jessi Potter
esses botões do jeito que mostrei compartilham a pagina atual.

só vai enviar a postagem se estiver na pagina individual dela; 7 de março de 2012 17:27
vinn disse...: 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); 26 de junho de 2012 21:29
Fabiano Roberto disse...: 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; 26 de junho de 2012 22:15

Botão para as redes sociais - AddThis

69Comentários:

Postar um comentário