Este é um post que estou devendo há tempos, já que o recurso foi lançado em junho. Trata-se de como ativar os botões de compartilhamento ou share buttons oficiais do Blogger. Esses botões servem para enviar os posts por email e/ou para o Twitter, Facebook e Google Buzz, com apenas 1 clique.
Como ativar os share buttons nos templates do Designer do Modelo
Entre em design>elementos de página. Em postagens do blog, clique em editar
Irá abrir uma janela pop-up. Marque a caixa Mostrar botões de compartilhamento
Clique em salvar e pronto! Os botões de compartilhamento serão ativados.
Os botões aparecem com fundo cinza e, ao passar o mouse, ficam coloridos.
Como ativar os share buttons em templates personalizados
Entre em design>editar HTML. Marque a caixa expandir modelos de widgets.
Cole este código de acordo com o local onde você quer exibir os botões:
<div class='post-share-buttons'>Embaixo do título do post
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
Colar antes de <div class='post-body'> ou de <div class='post-body entry-content'>
No final do post
Colar antes da linha <div class='post-footer'>
No rodapé dos posts
Colar antes de <p class='post-footer-line post-footer-line-3'> ou de <div class='post-footer-line post-footer-line-3'>
Clique no botão visualizar e se tudo estiver ok, salve o template.
27 Comments
Oi Jú! Muito boa a postagem. Parabéns!
ResponderExcluirEu sempre gostei desses buttons!
Ah! Meu Site já está no ar! Se puder dá uma olhada!
http://www.verweb.com.br
Migrei do Blogger para o Wordpress com uma dica aqui de seu Blog! Muito obrigado!
Até + e fica com Deus!
Eu acabei de fazer as instruções acima e os meus botões ficaram cinza. Vcs sabem o que pode estar errado ? www.quemlefazseufilme.com.br
ResponderExcluirJuliana, acabei de fazer as alterações e meus botões ficaram cinza. Quando eu passo o mouse por eles, fica colorido. É assim mesmo ? Pra quem não sabe do truque do mouse parece que está desabilitado :-(
ResponderExcluirVc sabe o que pode estar errado ? www.quemlefazseufilme.com.br
yeah..ate que en fin.achei.!! Brigaduuu.
ResponderExcluirObrigado! Ju o meu template é personalizado e não sabia como colocar os share buttons, ja tenho o AddThis o melhor é quanto mais divulgação melhor né?
ResponderExcluirDê uma olhada em meu blog quando estiver desocupada http://www.ideiasdokevin.com
Baixei um template e não aparece todo rodapé do post, incluindo os botões de compartilhamento. Tentei encontrar a linha indicada mas não existe post-footer-line post-footer-line-3' nesse template.
ResponderExcluirAlguém pode me ajudar?
bjks
Mel
Vocês são feras mesmo, vlw por compartilhar.
ResponderExcluirJu,
ResponderExcluirEsse eu já tinha visto no blog do Marcos (rs). Porém eu não estava entendendo. Obrigado pelo tutorial.
...o mesmo problema da Mel é também o meu (e não é de hoje isso...), a linha que a Juliana indica não existe em nenhum dos meus três blogs e, não é o caso de (expandir modelos widgets), isso tudo já foi feito e nada!
ResponderExcluirEm outro post "Código para Posts Relacionados" muita gente ficou a ver navios e, também daquela vez ninguém soube explicar, nem mesmo a Ju (o silêncio foi sepulcral).
Com certeza é aquelas coisas que não tem explicação, e alguns modelos não contam com essa linha de código...sabe lá Deus por quê!?
Mesmo assim parabéns para quem pode usar e ficar feliz!
Abraços,
Uno
Ah Ju, desculpa, desconsidere meu comentário anterior, eu impulsivo, peguei a primeira linha de código e não me dei conta do "ou", ...meleca!
ResponderExcluirEm todo caso, a solução também servira para a "impulsiva da Mel" que, obviamente e como eu, não deve ter percebido isso!
Abraço,
Vc é perfeita sempre, chega dar nojo, brincadeira, hehehe...
Bj e desculpa a minha ignorância,
Uno
Sem comentários. Fantástico! Obrigado mais uma vez, Juliana!
ResponderExcluirValeu, mais uma vez, Juliana!
ResponderExcluirMeu template é personalizado e não estava conseguindo.
Faltam muitas coisinhas!
Obrigada
útil como sempre. =]
ResponderExcluirInfelizmente não funcionou no meu blog. E ele não tem template personalizado. Tanto que tentei adicionar o código HTML, mas nem encontrei os elementos.
ResponderExcluirDemora algum tempo para os buttons aparecerem?
não to conseguindo fazer a s alterações, encontrei nos códigos html, mais não to encontrando esses códigos ai pra eu inserir antes o código que vc nos passou pra copiar e colar...por favor me ajude!!
ResponderExcluirobrigado e Deus abençoe!
gostei, coloquei os botões em um lugar diferente.
ResponderExcluirEu estava procurando também era uns modelos iguais de botões para ir para o twittwr e para o facebook do meu blog.
Eu acho bem legis estes ícones, mas eu sou fã mesmo, é do AddThis
ResponderExcluirfuncionando!
ResponderExcluirNo meu template personalizado nao tem nada de div.clas, nao consegui colocar os gadgets. O q faço?
ResponderExcluirObrigada pela dica, Juliana!!! Os botoes de share it nao estavam funcionando antes, mesmo estando configurados no bloguer a aparecer!!! Serà que o meu problema com "segidores" é pq meu template é personalizado e "nao aceita" o modelo de seguidores do bloguer???
ResponderExcluirBoa tarde!
ResponderExcluirSeu blog sempre me ajudando, parabéns sou fã de carteirinha do seu blog.
Muita Paz, Saúde e Sucesso.
tem como add mais redes sociais como o MySpace, Sonico?
ResponderExcluirOi Juliana! Adoro o seu blog. Tenho um blog educacional e as vezes faço uma reforma geral no coitado. Aproveitei estas férias para isso, e com sua ajuda coloquei o botão para o twitter, o tradutor e os botões de compartilhamento! Nem tenho palavras para expressar o meu profundo agradecimento! Beijos e abraços.
ResponderExcluirObrigado vc é uma santa da Internet!!! rs
ResponderExcluirSIMPLES E OBJETIVO SUPERBACANA MESMO OBRIGADO
ResponderExcluirbrigadãaao resolvi meu problema
ResponderExcluirObrigado, consegui colocar!!! Resolveu meu problema!!
ResponderExcluir