sábado, 24 de abril de 2010

Botões para compartilhar posts nas redes sociais

Vocês já devem ter visto em outros blogs, botões para compartilhar posts nas principais redes sociais. Isso é muito legal, pois possibilita que os leitores divulguem nossos artigos em outros locais, tais como Twitter, Facebook, Orkut, Google Buzz e etc.
Existem vários modelos, mas eu escolhi três deles para mostrar para vocês.
Add This – é super completo, pois além de enviar os posts para as prinicipais redes sociais, o Add This ainda permite a impressão da página e o envio por email.

widget addthis
Basta escolher um dos modelos disponíveis para o Blogger e depois clicar em get your button para obter o código (veja na imagem abaixo). Não precisa de cadastro.
ShareThis - é repleto de recursos e tem vários modelos de botões, mas necessita de cadastro para obter o código.
Share ThisSoboo - também é muito bacana, já que possibilita o envio dos posts aos principais agregadores de links do Brasil, tais como o Ueba, DiHitt, Ocioso, Colmeia e etc.

Em todos os três serviços, vocês encontrarão as instruções para colocar o botão no Blogger. No caso de AddThis, que é o que escolhi para o Dicas Blogger, eu optei por inserir o botão no rodapé dos posts. Para fazer o mesmo, copie o código abaixo. No local onde está escrito CÓDIGO DO ADD THIS, cole o código fornecido pelo site.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
CÓDIGO DO ADD THIS
</b:if>
Entre no html do template, clique em expandir modelos de widget e procure  por
<p class='post-footer-line post-footer-line-3'/>
Cole o código anterior, logo abaixo dessa linha, conforme nos mostra a figura abaixo:
Lembrem-se que os códigos variam muito de template para template. O método que citei, funciona nos Templates do Dicas Blogger, mas pode não funcionar em outros modelos.

Sobre o autor: Juliana é a fundadora deste blog. Nascida em 1970, é médica e, nas horas vagas, blogueira. Também é top colaboradora do fórum de ajuda do Blogger. Twitter l Google Plus l Facebook l

43 comentários:

  1. Eu já uso o Addthis a muito. Eu recomendo.

    ResponderExcluir
  2. Muito boa esta dica!

    Abraços e bom final de semana!

    ResponderExcluir
  3. Juliana, já utilizei o Add This, nos meus blogs, era muito completo, mas quando mudei os temas dos templates achei que os icones já não se adequavam muito então procurei por outro código, e também por outros icones.
    Mas para quem quer que os seus posts sejam compartilhados nas suas redes sociais da forma mais fácil devem usar este tutorial.

    ResponderExcluir
  4. É um recurso, atualmente, muito importante. Mas vejo que muitos sites e portais ainda não contam com este sistema. Neste ponto, os blogs estão dando show de interatividade! Alguns grandes sites até dispõem, porém, não disponibilizam o compartilhamento com os endereços mais utilizados, como o twitter e facebook, por exemplo. Aí caímos naquela via sacra de colar links (muita calma nesta hora!).

    Uso o Add This desde o ano passado e nunca tive problemas. Recomendo também.

    Bom final de semana!
    Marcelo.

    ResponderExcluir
  5. Nossa dica muito legal, obrigado :)
    já coloquei no meu blog :)

    ResponderExcluir
  6. Não coloco deixa o blog um pouco mas lento devido que utiliza o servidor do widget, existe meios de fazer links de compartilhar um post sem usar widgets de terceiros.

    ResponderExcluir
  7. EHHHHHHHHHHHHHHHHH
    To vendo meu blog ficar mais lindinho, graças a vc!!!

    Obrigada

    ResponderExcluir
  8. Oi pessoal do DB, Adoro tudo que vocês fazem e me ajuda muito, queria sugerir que vocês fizessem um tutorial sobre como configurar a data do post pra ela aparecer com uma imagem de fundo, tipo uma caixinha.
    Eu ando procurando pela web como fazer isso mais não encontro, e como os tutoriais de vocês são os mais fáceis de entender, resolvi pedir, suplicar!
    Valeu...
    Obrigda

    ResponderExcluir
  9. Isso é muito importante para divulgação do blog, aconselho a todos!!!!!

    Visitem meu bloguinho...
    Não esqueçam de Ficarem ligados nas novas tecnologia de computador, smartphones, etc...

    Parabens!!!

    http://fazendovoce.blogspot.com

    ResponderExcluir
  10. Olá Juliana,

    Parabéns pelo seu blog, seu sucesso é merecido, pois este espaço é muito importante para qualquer blogueiro - desde os mais novos até os mais "experts".

    Tenho um blog jurídico e uso um template seu, o template "Elegance". Gostaria de saber com qual programa eu poderia alterar um pouco a lagura geral - acho que tem 970 px e queria uns 1100 - e alterar as cores.

    Um abraço
    Fabio Schlickmann
    http://prestandoprova.blogspot.com/

    ResponderExcluir
  11. Fábio, não existe programa que faça isso. Tem que ser mesmo pelo html.

    Gardenya, vou ficar te devendo porque eu também não sei como fazer.

    ResponderExcluir
  12. ::: Adorei a dica do Soboo! Já incluí em meu blog e ficou muito bacana poder compartilhar com endereços nacionais, como Colmeia e Ocioso.

    ResponderExcluir
  13. Olá Juliana,

    Puxa, então você merece meus parabéns novamente! Configurar "à unha" em html é algo que requer um conhecimento bastante grande.

    Estou procurando templates com mais do que 970 pixels de largura. Agora com o Blogger in Draft é possível gerar um template de 1000 pixels. Mas não curti muito aqueles que eles disponibilizaram por lá. O Elegance atende bem às minhas necessidades, e como tenho um blog relativamente novo - 1 ano e pouquinho - penso que uma mudança seria necessária a partir do 2 ano de vida. Tenho mais de 1000 acessos durante a semana, tenho que cuidar do visual para agradar a galera, hehehe

    Um forte abraço

    ResponderExcluir
  14. Vou testar este addthis ´parece bacana já vi em vários blogs.
    Agora os outros só testei o soboo mais só que estes botões sempre ficam por baixo quando tem um video no post,se o video é no final ai dificulta mais sto acontece com o soboo quando testei...

    ResponderExcluir
  15. Fábio, se você quiser, entre em contato com o Sérgio do Icebreaker Design, que ele pode fazer tal serviço pra você:
    http://design.icebreaker.com.br/
    Abraços

    ResponderExcluir
  16. Parabéns juliana ! Coloquei no meu blog e deu tudo certo ! Só uma dica : quem quiser trocar a palavra 'Share' por outra é só procurar por Share no código do botão ou dar Ctrl+F e modificar para a palavra desejada , como por exemplo , 'Compartilhe esse artigo '. Espero ter ajudado

    ResponderExcluir
  17. Ótima dica!
    Com certeza será de muita utilidade para várias pessoas.
    Vou fazer a divulgação em meu blog!

    Abraços!

    ResponderExcluir
  18. Juliana, mais uma dica útil. Eu já uso o soboo faz tempo, mas achei bem interessante o Add This. Obrigada.

    ResponderExcluir
  19. Eu encontrei um serviço o (GigGya - http://www.gigya.com/). Mais completo e seguro que além de proporcionar ícones de diversas redes (muitas que eu nem sabia que existia) dá a possibilidade de alteração da resolução dos ícones, escolher o plano de fundo, cor do texto e muito mais. Este serviço também faz análises de quantas pessoas indicaram a postagem. Na minha opinião em relação a facilidade, design e tudo mais, ele é superior a todos que já testei! Um serviço de muita qualidade!

    ResponderExcluir
  20. Adorei seu blogger esta de parabems.Um dia eu chego lá tambem rs rs abraços

    ResponderExcluir
  21. Primeiramente tenho que dizer: DB é simplismente demais, parabéns Juliana. Descobrir seu blog esses dias e já estou impressionado com tanta dica e também com sua paixão pela Blogofera. Sucesso, Haa esse post me ajudou em muito. :D

    ResponderExcluir
  22. Estou amando seu blog!! Realmente tem me ajudado muito!

    ResponderExcluir
  23. Aderei a dica e já coloquei me pratica,mas só consegui colocar na sidebar,mas mesmo assim adorei
    beijos!!!


    http://reinodablackqueen.blogspot.com/

    ResponderExcluir
  24. como trocar o nome Share, por compartilhar?

    ResponderExcluir
  25. ótima dica. Muito prática.
    Deu certo no meu blog www.falaguri.blogpsot.com

    ResponderExcluir
  26. valeu, passei a tarde toda procurando ...
    E não encontrei o que estava procurando.
    Encontrei aqui coisa bem melhor
    Superou minhas espectativas
    costumo vasculhar um blog antes de adicionar como favorito mas só por este post já esta adicionado.
    Parabéns e obrigado

    ResponderExcluir
  27. Ótima dica Ju, realmente eu queria colocar esses botõezinhos em meu blog, porém não consegui.

    A minha template é do Bloggler mesmo, mas antes era de um outro site que oferece template: "our blog" e acontece que alguns recursos não funcionam.

    Por acaso vc sabe o código que pode estar atrapalhando os recursos do Blogger funcionarem??

    Pois quando exportei o blog para mudar a template p/ uma original do blogger, vieram alguns códigos HTML que eu não sei onde apagar para funcionar corretamente.

    Você pode me ajudar??? Ou alguém aqui pode?

    Obrigada. Bjuxxx ;)

    ResponderExcluir
  28. No meu código HTML não tem o html: class='post-footer-line post-footer-line-3'

    nem um similar, onde eu posso colocar para adcional o ADD This? Me ajudem: idefacil@hotmail.com

    ResponderExcluir
  29. Eu consegui mais deu errado, como o botão fica em baixo ele fez meus comentários, dia da postagem, data da postagem ir para baixo, dai fica em cima do titulo da postagem anterior!!

    Sabe como arrumar??? *-*

    ResponderExcluir
  30. Consegui , nossa seu blog é excelente tá facilitando minha vida e muito

    ResponderExcluir
  31. Oi Juliana!
    Meu problema é o mesmo do Roberto Marques aí acima: no meu código HTML não tem "p class='post-footer-line post-footer-line-3'/>".
    Já procurei em vários sites e não consegui achar uma forma de colocar os botões no meu blog. Já até consegui colocar, mas eles ficam acima do post e abaixo do título e eu quero que ele fique abaixo do post, ao lado do link para os comentários. O modelo do meu template é do próprio blogger chamado "Janela de Imagem". Será que você pode me ajudar?
    Fico imensamente grata!
    Beijos! Carol
    http://apenas-uma-menina.blogspot.com

    ResponderExcluir
  32. Valeu ajudou muito o meu blog agora o meu humor pode ser compartilhado!

    ResponderExcluir
  33. Eu já conhecia os outros, mas eu gostei demais do SoBoo, valeu pela indicação!

    ResponderExcluir
  34. Quem não está conseguindo é porque em alguns templates o código que você deve procurar é esse: div class='post-footer-line post-footer-line-3'

    ResponderExcluir
  35. Olá Juliana, tudo bem?
    Primeiramente, parabéns pelo blog e pelos "tutorias" postados aqui.
    Deu tudo certo na hora de adicionar o botão. Mas quando estou na página inical do blog, não aparece individualmente os dados, aparece os dados do blog em si. Por exemplo:
    tenho um post com 15 "twittadas" e 3 vezes divulgadas pelas redes sociais do "Add This!". Na pág. desse post, as informações aparecem desse jeito, normalmente, porém na página inicial, aparece 47 'twittadas' e 4 vezes divulgado pelas redes socias, assim como isso aparece em todos os outros post no inicio.
    Vejo que aqui no seu não acontece isso. Tanto na página do post, quanto na página inicial, os dados são os mesmos.
    Espero que possa me ajudar.
    Guilherme

    (ficou meio complicado a minha explicação, mas caso queira entender melhor, dá uma passada no meu blog e veja este botão na página inicial e em qualquer post. As informações são distintas. Ele é o http://casadalaracha.blogspot.com/ )

    Obrigado

    ResponderExcluir
  36. O addthis não funcionou mais o ShareThis deu certo e foi muito fácil e rápido. Recomendo.

    ResponderExcluir
  37. eu gostei desse q vc usa no seu template...

    tem algum tutorial pra inserir ele??

    o q tem o "curtir" "tweet" e "share"

    obrigado!

    ResponderExcluir
  38. Coloquei o ADD-This, mas assim como vejo em muitos outros blogs, na página principal ele exibe a contagem total. Só aparece a contagem certa (tweets, facebook, google+, etc) quando acesso a própria página do post.

    O seu blog é um dos únicos que vejo a contagem, mesmo na página principal, ser exibida nos rodapés, individualmente, como seria o correto.

    Onde posso estar errando ? Como fazer para que os botões considerem somente a página da postagem e não o principal.

    Inseri o código no rodapé dos post, para ser exibido logo após o jump-break (plataforma blogger).

    ResponderExcluir