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

Tutorial : Como adicionar comentários do Facebook no blog


Recebi um e-mail de uma leitora, pedindo para que eu ensinasse para vocês como adicionar a caixa de comentários do Facebook, na página de comentários do seu blog. O Tutorial é bem fácil porem exige que você preste bastante atenção na hora de adicionar o código ! Vamos lá ao tutorial do dia




Primeiro acesse a página Developers Facebook .
Agora clique na opção COMMENTS, como mostra a imagem abaixo. Próximo passo você terá que adicionar o URL do seu bog no campo indicado.Você poderá configurar a largura da página, a cor de fundo, se você deseja clara ou escura, e também quantos comentários você quer que apareça. Feito isso, clique abaixo em GET CODE para que seja gerado o código que você deverá adicionar ao HTML de seu blog.




Agora você deve ir no painel de seu blog, MODELO, EDITAR HTML.
Lá clique em CTRL + F e  procure por 
<data:post.body/>

Abaixo cole o primeiro código que foi gerado pelo Facebook, e abaixo desse código cole o segundo código também gerado pelo Facebook. Eles deverão ser colados um em baixo do outro.

Caso deseje que seus comentários não sejam repetidos em todas as postagens, substitua o segundo código gerado pelo Facebook pelo seguinte código:

<div class='fb-comments' data-href='http://ENDEREÇO DO SEU BLOG/' data-num-post='10' data-width='630' expr:data-href='data:post.url'/>


Salve e visualize. Pronto a página de comentários do Facebook estará adicionada na página de comentários do seu blog.


29 comentários:

  1. Tava procurando! Amei seu tutorial. Seguindo!

    www.my-black-dress.blogspot.com.br

    ResponderExcluir
  2. Ai que legal flor mas eu fiz direitinhoi no meu e não deu certo não rsrsrs, tenha um belo fim de semana.
    Bjs.. Maria
    Complicada & Imperfeita* Adolescente*

    ResponderExcluir
  3. Muito legal essa dica flor! Tenha um bom final de semana!
    Bjkinhas...

    http://www.artedepintarunhas.blogspot.com.br/

    ResponderExcluir
  4. Acho bem prático. No meu antigo layout, eu fucei como colocar e consegui, porém mudei recentemente e não conseguia achar o local certo no código para colocar, mas a minha amiga ajudou.
    Parabéns pelo nosso dia: Dia do blog!
    Big Beijos
    Lulu on the sky
    http://luluonthesky.blogspot.com

    ResponderExcluir
  5. Amei o tutorial,estava mesmo querendo para colocar no blog,obrigada por postar!
    bom final de semana para você♥
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  6. Muuuito legal essa dica, já coloquei no meu blog ;)

    Amor tem video novo no blog, corre pra ver!
    Beijos
    Moda Caseira l Canal do Youtube

    ResponderExcluir
  7. Eu amo os tutorias daqui ♥
    http://sonhando-porai.blogspot.com.br/

    ResponderExcluir
  8. Minha nossa, que simples .-. super bem explicado adorei!

    XOXO :D
    jovenclube.blogspot.com.br

    ResponderExcluir
  9. Oi amiga
    belas dicas, uma linda noite bjs

    ResponderExcluir
  10. eu ficava querendo saber como era kk , agora que voce explicou tudo certinho , eu aj sei haha . Beeeijos! http://derepente15uiinze.blogspot.com.br/

    ResponderExcluir
  11. Eu vou colocar em breve no meu blog!

    beijos, @esteffanifontes (twitter&instagram)
    http://blogesteffanifontes.blogspot.com.br/

    ResponderExcluir
  12. Como sempre vc dá dicas ótimas!
    Bjs

    http://achadosdamila.blogspot.com.br

    ResponderExcluir
  13. Gostei muito, mas meu código não tem :( pq será? =s

    ResponderExcluir
  14. Adorei a dica, me ajudou muitoooo! vou colocar no meu blog! ♥♥♥

    Seguindo amor, se quiser me seguir de volta, fique a vontade, ta? beijos *-*

    http://onlytheclassic.blogspot.com.br/

    ResponderExcluir
  15. adooorei o tutorial.
    tava precisando msm desse *-*

    www.eaimenina.com

    ResponderExcluir
  16. Oi querida...post muito útil! Parabéns! seu blog é lindo*-*
    Seguindo!
    Um Super Abraço <3
    estrelafloresmelancia.blogspot.com

    ResponderExcluir
  17. Ótima dica Flor! Sempre tive curiosidade de saber como colocar no blog.
    Boa semana!
    Fica com Deus!
    Beijo!

    http://nannacunha.blogspot.com.br

    ResponderExcluir
  18. Amei o tutorial,vai me ajudar muito !

    será que poderia visitar meu blog e se gostar seguir ? Já estou seguindo o seu !

    aquieagoraofficial.blogspot.com

    ResponderExcluir
  19. Flor, eu tinha a caixa do twitter, mas desapareceu do meu blog. Como colocar novamente. Se puder responder lá, ficarei super feliz!
    Bjs - Suzana Rosa - www.rosachiclets.com.br

    ResponderExcluir
  20. Amiga ótimo tuto, essa eu nao sabia e vou tentar quando estiver melhor... bejo.
    luxuriademenina.blogspot.com

    ResponderExcluir
  21. oi por favor me ajude,não consegui achar o

    ResponderExcluir
  22. Tem algum modelo do blogger que não pode ser editado?? o meu não esta dando certo :((
    www.naterradoscoalas.com

    ResponderExcluir
  23. tem como ficar as duas opções de comentários (a do Blogspot+facebook) ?

    ResponderExcluir
  24. toda vez que eu coloco em baixo do código que vc indicou
    diz dar erro :(

    ResponderExcluir
  25. Obrigada por explicar de forma clara e fácil,
    há tempos vinha tentando e nunca conseguia.
    Muito obrigada!
    www.priscilarejane.com

    ResponderExcluir

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.