www.facebook.com/mundodeblogueira https://twitter.com/@mundoblogueira www.instagram.com/mundodeblogueira http://mundodeblogueira.blogspot.com.br/p/contato.html https://plus.google.com/u/0/105226761191522044936/posts https://www.youtube.com/channel/UCPDrL7CSt-lneOtMMtQoahw

Botões de compartilhamento de redes sociais nas postagens



 
Vamos aprender a adicionar os botões de compartilhamento no rodapé das postagens, assim como esse da imagem. Eles são muito bons para divulgar suas postagens nas redes sociais. Já fiz alguns posts semelhantes, porém achei esse mais fácil e sem erros, pois alguns leitores me enviaram e-mails dizendo que tiveram problemas na instalação dos outros códigos.
Botão de compartilhamento de redes sociais nas postagens




Para instala-lo, vá no painel do seu blog, layout, editar html e dentro do código de seu blog, procure pelos seguinte trecho. 



 <div class='post-header'>
    <div class='post-header-line-1'/>

Adicione o código da caixinha, abaixo do trecho encontrado. Os botões ficaram na parte de cima da postagem, do lado da data.




Para adicionar os botões no rodapé das postagens, procure por esse trecho. Abaixo dele cole o código que está na caixinha acima.

<div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>


Caso você deseja adicionar o código antes do botão leia mais, para que ele apareça antes do conteúdo completo, procure pelo trecho abaixo. Assim como os dois exemplos acima, cole o código da caixinha, abaixo do trecho encontrado.

<b:if cond='data:post.emailPostUrl'>




Para os seus botões funcionarem corretamente, não esqueça de desmarcar as opções de compartilhamento padrão do blog nas suas postagens assim como mostra a imagem abaixo.


Botão de compartilhamento de redes sociais nas postagens





OBSERVAÇÃO ;


Caso não consiga seguindo os passo acima, leia essa outra postagem  Como adicionar botões de compartilhamento de redes sociais nas postagens do blog .



Related Posts Plugin for WordPress, Blogger...

39 comentários:

  1. Respostas
    1. NOSSA VC ME AJUDOU MUITO PROCUREI EM VÁRIOS BLOGS E TODOS COMPLICADOS E O SEU FACIL DE COLOCAR BEIJO NO SEU CORAÇÃO.OBRIGADA

      Excluir
  2. Caramba...Depois de buscar em várias opções dentro da Web, apenas neste espaço encontrei de fato algo eficiente...Funcionou perfeitamente. Obrigada!!!

    ResponderExcluir
  3. É bem legal essa dica, mas não aparecem. O que deu errado?

    ResponderExcluir
    Respostas
    1. Está acontecendo o mesmo comigo. HELP.

      http://16primaverasblog.blogspot.com.br/

      Excluir
  4. Muito funcional, brigadão!
    http://www.oneberto.com.br/

    ResponderExcluir
  5. Olá desculpe mas para mim também não aparece. Eu coloquei modo público tudo certo.
    Eu não consigo colocar nem os botões de compartilhamento e nem os comentarios do facebook.
    Obrigada.

    ResponderExcluir
    Respostas
    1. Olá Silvia! Leia esse outro tutorial, pois dependendo do modelo do seu blog, esses sugeridos acima pode não dar certo, porém, esse outro funciona.
      Espero que consiga!

      Como adicionar botões de compartilhamento de redes sociais nas postagens do blog


      Excluir
  6. Bem explicado. Pena que n achei esses códigos na pesquisa dentro do blog

    ResponderExcluir
  7. eu achei tudo, mas essa ultima parte para verificar e ver se funciona corretamente não achei =/
    mesmo assim acredito que deu certo.
    passa lá para ver?! e depois se tiver como me avisar?
    não sou muito boa nessas coisas

    estou tentando adaptar o maximo do meu layout..

    beijos
    obrigada pelas dicas
    http://www.maricotacaradericota.com/

    ResponderExcluir
  8. Obrigadíssimo pelo excelente post! Foi o único que funcionou corretamente de primeira. Parabéns!!!

    ResponderExcluir
  9. No meu não funcionou. Vou testar o outro.

    ResponderExcluir
  10. Olá primeiro agradeço muito a sua ajuda, meu blog agora está se completando aos poucos! Valeu mesmo

    ResponderExcluir
  11. Gostei muito, teria como adicionar o botão para compartilhar no whatsapp, nesse mesmo código?

    ResponderExcluir
  12. tentei no meu mais não consegui deve ser por causa do template,meu blog ficou lindo mais não tenho como compartilhar
    https://akinaroca.blogspot.com.br

    ResponderExcluir
  13. Não consegui usar o código. Coloco ele no local certo, desativo os botões do próprio blogger, mas o código não aparece no blog.

    ResponderExcluir
    Respostas
    1. Daiani, Muda o modelo do blogue, no meu não funcionava também aí eu mudei o modelo e funcionou. Espero ter ajudado. http://criandorendaresidual.blogspot.com.br

      Excluir

Obrigado por comentar. Mundo de Blogueira agradece sua visita !


* Clique aqui e aprenda a colocar o link do seu blog nos comentários
* Não serão aceitos comentários somente com objetivo de divulgação, ou que ofenda qualquer leitor.
*Antes de pedir algum tutorial, verifique se o mesmo já não foi postado.

 
© Mundo de Blogueira - 2017. Todos os direitos reservados.
Criado por: Vanessa P.