Como adicionar o botão Curtir do Facebook dentro das postagens do Blogger


Não tem nada de complicado, vá até seu Blogger e clique em:

1-Modelo > Fazer backup/restaurar > Fazer download do modelo completo.
2-Depois de fazer o backup do template, clique em Editar HTML > Prosseguir
3-Marque a opção  "Expandir modelos de Widgets"

Agora, procure por:  (para procurar basta apertar Ctrl+F)

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

Se você não encontrar, procure pelo mesmo código, só que com a barra no final:

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

Aqui estão os três principais tipos de botões para Facebook, os mais usados e os melhores. São eles vertical, horizontal e o horizontal sem contador de "curtidas".


Com contador - Vertical

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

Botão Curtir do Facebook com contador - Vertical

 Com contador - Horizontal

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/> </b:if>

Botão Curtir do Facebook com contador - Horizontal


 Sem contador


<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

Botão Curtir do Facebook sem contador



27 comentários:

  1. Respostas
    1. Oi... desculpa a demora, não, não precisa substituir o arquivo

      Excluir
  2. Querida de que maneira eu faço para colocar o botão like dentro da postagem, sem ser no cabeçalho ou no rodapé?

    ResponderExcluir
  3. Colando o código logo após essa 1ª tag que é sem a barra no final, o botão fica dentro do post.Aqui deu certo.

    ResponderExcluir
  4. Obrigado, o único tutor que deu certo, então creditando !

    ResponderExcluir
  5. Deu certo! Depois de MUITAAA procura, deu certo! :)
    Obrigada pela ajuda!

    ResponderExcluir
  6. o meu naum ta dando certo de jeito nenhumm socoorro
    bjimmm da Mai http://sobrema.blogspot.com.br/

    ResponderExcluir
  7. onde coloco o link da minha pagina ?https://www.facebook.com/Trabalhoemcasalucrativo

    Tenho um site sobre noticias e ferramentas grátis paga gerar visitas em sites, produtos para ganhar dinheiro em casa trabalhando com a internet, lista de e-mails, tudo grátis Trabalho em Casa Lucrativo www.trabalhoemcasalucrativo.com
    e um blog sobre novidades e dicas no facebook novidadesedicasfacebook.blogspot.com.br

    Alguem quiser dá uma olhada agradeço

    ResponderExcluir
  8. Estou tentando a um tempão, e não consegui! Socorrooooo!

    ResponderExcluir
  9. Não tenho esses códigos. Como faço? Alguém ajuda? Obrigada.

    ResponderExcluir
  10. Sempre que mudo o layout e os meus botões somem, apanho para arrumar tudo de novo...

    ResponderExcluir
  11. Olá. :-) Finalmente um código que dá certo. Obrigada! :-) A mim o botão aparece logo em baixo do título, como posso por só em baixo da publicação? Obrigada e muito sucesso, vou recomendar e seguir. :-)

    ResponderExcluir
  12. òtimo post, para enriquecer seu post sugiro a todos a utilizar o Botao like invisivel curtir Fan Page grátis, aumentar curtidas, melhorando a divulgação de suas postagem site ou blog, sem gastar um único centavo veja mais em:
    http://www.codigosparablog.com/2013/11/botao-like-invisivel-curtir-gratis/

    ResponderExcluir
  13. visita ai gente: http://geralfilmesdublados.blogspot.com.br/

    ResponderExcluir
  14. Não existe este codigo no meu modelo, como eu faço? obrigada! :)

    ResponderExcluir
  15. Não existe este codigo no meu modelo, como eu faço? obrigada! :)

    ResponderExcluir
  16. Olá galera, este post me ajudou más encontrei um tutorial mais completo!
    http://www.digatech.com.br/2015/08/como-adicionar-o-botao-curtir-e-a-fanpage-do-facebook-ao-meu-blogger.html
    Tá ai o link. Até mais!!

    ResponderExcluir