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.
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.
Soboo - 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 == "item"'>
CÓDIGO DO ADD THIS
</b:if>
Entre no html do template, clique em expandir modelos de widget e procure por
Cole o código anterior, logo abaixo dessa linha, conforme nos mostra a figura abaixo:<p class='post-footer-line post-footer-line-3'/>
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.
Eu já uso o Addthis a muito. Eu recomendo.
ResponderExcluirMuito boa esta dica!
ResponderExcluirAbraços e bom final de semana!
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.
ResponderExcluirMas para quem quer que os seus posts sejam compartilhados nas suas redes sociais da forma mais fácil devem usar este tutorial.
É 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!).
ResponderExcluirUso o Add This desde o ano passado e nunca tive problemas. Recomendo também.
Bom final de semana!
Marcelo.
Nossa dica muito legal, obrigado :)
ResponderExcluirjá coloquei no meu blog :)
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.
ResponderExcluirEHHHHHHHHHHHHHHHHH
ResponderExcluirTo vendo meu blog ficar mais lindinho, graças a vc!!!
Obrigada
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.
ResponderExcluirEu 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
Isso é muito importante para divulgação do blog, aconselho a todos!!!!!
ResponderExcluirVisitem meu bloguinho...
Não esqueçam de Ficarem ligados nas novas tecnologia de computador, smartphones, etc...
Parabens!!!
http://fazendovoce.blogspot.com
Olá Juliana,
ResponderExcluirParabé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/
Fábio, não existe programa que faça isso. Tem que ser mesmo pelo html.
ResponderExcluirGardenya, vou ficar te devendo porque eu também não sei como fazer.
::: Adorei a dica do Soboo! Já incluí em meu blog e ficou muito bacana poder compartilhar com endereços nacionais, como Colmeia e Ocioso.
ResponderExcluirOlá Juliana,
ResponderExcluirPuxa, 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
Vou testar este addthis ´parece bacana já vi em vários blogs.
ResponderExcluirAgora 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...
Fábio, se você quiser, entre em contato com o Sérgio do Icebreaker Design, que ele pode fazer tal serviço pra você:
ResponderExcluirhttp://design.icebreaker.com.br/
Abraços
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Ótima dica!
ResponderExcluirCom certeza será de muita utilidade para várias pessoas.
Vou fazer a divulgação em meu blog!
Abraços!
Juliana, mais uma dica útil. Eu já uso o soboo faz tempo, mas achei bem interessante o Add This. Obrigada.
ResponderExcluirEu 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!
ResponderExcluirAdorei seu blogger esta de parabems.Um dia eu chego lá tambem rs rs abraços
ResponderExcluirPrimeiramente 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
ResponderExcluirEstou amando seu blog!! Realmente tem me ajudado muito!
ResponderExcluirMaravilhoso!
ResponderExcluirMuito OBRIGADA =D
Obrigado pela excelente dica.
ResponderExcluirAderei a dica e já coloquei me pratica,mas só consegui colocar na sidebar,mas mesmo assim adorei
ResponderExcluirbeijos!!!
http://reinodablackqueen.blogspot.com/
como trocar o nome Share, por compartilhar?
ResponderExcluirótima dica. Muito prática.
ResponderExcluirDeu certo no meu blog www.falaguri.blogpsot.com
valeu, passei a tarde toda procurando ...
ResponderExcluirE 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
Ótima dica Ju, realmente eu queria colocar esses botõezinhos em meu blog, porém não consegui.
ResponderExcluirA 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 ;)
No meu código HTML não tem o html: class='post-footer-line post-footer-line-3'
ResponderExcluirnem um similar, onde eu posso colocar para adcional o ADD This? Me ajudem: idefacil@hotmail.com
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!!
ResponderExcluirSabe como arrumar??? *-*
Consegui , nossa seu blog é excelente tá facilitando minha vida e muito
ResponderExcluirOi Juliana!
ResponderExcluirMeu 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
Valeu ajudou muito o meu blog agora o meu humor pode ser compartilhado!
ResponderExcluirEu já conhecia os outros, mas eu gostei demais do SoBoo, valeu pela indicação!
ResponderExcluirQuem 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'
ResponderExcluirOlá Juliana, tudo bem?
ResponderExcluirPrimeiramente, 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
Deu certo no meu, ficou legal!!!
ResponderExcluirO addthis não funcionou mais o ShareThis deu certo e foi muito fácil e rápido. Recomendo.
ResponderExcluireu gostei desse q vc usa no seu template...
ResponderExcluirtem algum tutorial pra inserir ele??
o q tem o "curtir" "tweet" e "share"
obrigado!
Valeu... Um Abraço!!!
ResponderExcluirObrigadooooooooooooooo!!!
ResponderExcluirColoquei 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.
ResponderExcluirO 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).