• 17 de julho de 2014 --------------- 23 Comentários
    Oi, meninas! Meu nome é Inara e escrevo sobre literatura, decoração, organização e muitas outras coisinhas lá no www.lerdormircomer.com.br. Depois de ajudar a Jessica com a instalação do formulário de comentários do facebook aqui no Fala, Dantas, ela me deu a ideia de fazer um tutorial para vocês, explicando de um jeitinho bem bacana e sem complicações sobre como instalar o plugin de comentários do facebook no blogger! Espero de coração que esse post ajude vocês! Vamos lá?

    :: CRIANDO O APLICATIVO ::

    Antes de começar a mexer no código do seu layout, você precisa criar um aplicativo no facebook. Esse aplicativo dará a você um número de código que será usado para identificá-lo como moderador dos comentários. Para isso, acesse https://developers.facebook.com/apps e registre-se. Você vai precisar confirmar a sua conta. Para isso, digite o número do seu celular e depois insira o código que você vai receber via SMS.

    Em seguida, você vai criar o seu aplicativo. Em “apps”, clique em “create a new app”
    Escreva o nome do aplicativo (pode ser o nome do seu blog), escolha a categoria e e digite o código de verificação (captcha) que vai aparecer.

    Logo em seguida uma página vai aparecer com o ID do seu aplicativo. Guarde esse número.


    :: ADICIONANDO O CÓDIGO SISTEMA DE COMENTÁRIOS DO FACEBOOK ::

     Essa parte é mais simples do que parece e você só precisa ter um pouquinho de cuidado na hora de escolher onde colar o código. Você vai colocá-lo logo abaixo de:

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

    Para encontrar esse código, clique em “formatar modelo” dentro do painel de mostragem do código do seu layout e tecle ctrl + f para abrir a caixinha de pesquisa. Cole o trechinho lá dentro e tecle “enter”. Caso você não encontre o código assim, procure por:

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

    ou

    <b:includable id='comment_picker' var='post'>

    Cole o código do sistema de comentários do facebook (logo abaixo), salve e visualize.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float: left; margin: 0px auto 20px; padding: 10px; background: #fff;'>
    <h4>
    <fb:comments-count expr:href='data:post.url'/>
    comentário(s) pelo facebook:
    </h4>
    <div id='fb-root'/>
    <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
    <fb:comments expr:href='data:post.url' num_posts='3' publish_feed='true' width='710'/>
    </div>
    </b:if>


    Entendendo o código:

    LARANJA: é o número de comentários que aparecem na página.
    AZUL: é o tamanho do formulário de comentários do facebook. Coloque o tamanho igual ao das suas postagens.
    VERMELHO: é a tag que condiciona que o formulário vai aparecer apenas dentro das postagens. Se você quiser que ele apareça na home, na página principal, é só apagar esse trechinho.

      :: MODERANDO OS COMENTÁRIOS ::

    Não é sempre que as notificações de comentários vão chegar para você. É por isso que você criou aquele aplicativo lá no comecinho. Você vai usar aquele ID para identificar a si mesmo como moderador. Para isso, tecle ctrl + f e procure por:

    <head>

    Logo acima dela, cole o código, modificando a parte em vermelho pelo ID do aplicativo que você criou.

    <meta content='ID-APP' property='fb:app_id'/>

    Salve!

    Agora acesse https://developers.facebook.com/tools/comments e clique em “configurações”. Na janela que vai aparecer, digite o seu nome de usuário no facebook no campo de “moderadores”.

    Salve!

    Pronto, agora você pode usar sempre essa página para visualizar e moderar os comentários via facebook do seu blog! 

    Espero que tenham gostado do tutorial! Qualquer dúvida é só escrever nos comentários que eu vou ajudar como puder, ok? Um beijo!

    Inara Souza, 20 anos, estudante de engenharia e apaixonada por esse mundo dos blogs. Escreve sobre decoração, literatura, organização, finanças, faça você mesma, receitinhas gostosas e fáceis de fazer e muito mais no WWW.LERDORMIRCOMER.COM.BR.

    Quer ler o post completo ? Venha ao Fala,Dantas e
    me diga o que achou!

    1. Raquel Mota jul 18, 2014

      Eu acho isso super complicado. Minha irmã, a Stella, que cuida de toda essa parte do blog, mas ela acha super simples. Acho que se eu tentasse aprenderia. Muito boas suas dicas, curti a página do seu blog no facebook pra ficar por dentro de todas. Beijão,
      Raquel Mota
      Blog: http://acessoriosecafeina.com
      Facebook: https://www.facebook.com/AcessoriosECafeina?fref=ts

    2. Deise Almeida jul 21, 2014

      Eu já fiz esse processo, e é muito bom para o blog! Agora eu não fico mais sem!
      Beijos,
      Blog Senhorita Deise | Instagram Senhorita Deise

    3. Letícia K. Oliveira jul 23, 2014

      Adorei o tutorial, me ajudou muito!
      Obrigada 😀
      http://www.leticiakoliveira.com/

    4. Kassia Hellen jul 23, 2014

      Consegui! Muito obrigada Inara! <3
      Beijos

      brilhoestilo.blogspot.com.br

    5. Barbara Sá jul 25, 2014

      Adorei <3
      Ótimo dar essas dicas, porque depender de Webmaster é tenso, haha.

      Beijocas,
      http://www.segredosentreamigas.com.br

    6. Sandra Monroe jul 25, 2014

      Eu fiz tudo direitinho, mas não deu, não sei o que se passou ;

    7. Bianca Evelyn ago 24, 2014

      Foi o melhor tutorial que já encontrei <3

    8. Fabiane Santos out 04, 2014

      Ótimo post! Deu certinho!

      http://estacaofabi.blogspot.com.br

    9. Jhennifer Sandy nov 06, 2014

      Pra mim não funcionou Inara! :'(
      Me ajuda
      http://www.jhennifersandy.com.br/

    10. Blog Charmosas dez 01, 2014

      Nenhum dos códigos de procura funcionou no meu :/

      http://www.blogcharmosas.com.br

    11. Tarcivan Monteiro jan 18, 2015

      Obrigado Inara pela publicação. Já tentei por outras pessoas e não tinha conseguido, mas quando vi sua publicação de maneira simples e objetiva foi de primeira que deu certo. Vai me ajudar muito na interação com meus alunos no meu blog. Tenha uma ótima semana.

    12. Mih Francielle jan 19, 2015

      Gostei do Tutorial e vou tentar, só queria saber se inserindo os comentários pelo facebook desse modo, os modos de comentários do blogspot permanecerão, assim como estão aqui.

    13. Ana Valeska jan 23, 2015

      SUPER OBRIGADA! MERECE O PRÊMIO DE MELHOR AJUDANTE, SÉRIO!
      Já estava louquinha aqui, queimando miolos! Ainda bem que achei esse post!
      Obrigada mesmo! ♥♥♥

    14. Viviane de Andrade jan 25, 2015

      Ameeeei o tutorial, ajudou bastante, tinha procurado váários mas só me fizeram perder tempo.
      Graças a você o meu blog está ficando melhor ♥
      http://devaneioselivros.blogspot.com

    15. Mayara Rodrigues jan 27, 2015

      Obrigada me ajudou muito. Beijos flor. miniaquarela.blogspot.com

    16. TRECHY TEEN // BLOG OFFICIAL fev 02, 2015

      Depois de MIL ANOS consegui colocar. VALEEEU ♥

    17. Nay fev 24, 2015

      Obrigada, lindaaaaaaa!! Fiz duzentos tutoriais na net e só o seu funcionou realmente! Obrigada e beijos!!

    18. Priscila abr 16, 2015

      Deu super certo, muito obrigada por ter me respondido ^^

      http://www.fotografiasecoisinhas.com/

      • Fala Dantas abr 16, 2015

        aaah que bom! <3

    19. Lia jan 22, 2016

      Super util, e deu super certo! Adorei!!
      http://www.bloganestesia.com.br

    20. Loja Good Shoop fev 18, 2017

      Muita variedade com preço muito bom, vale a pena conferir!!
      http://www.goodshoop.com.br/

    21. Amanda jul 23, 2017

      Tô tentando fazer isso em um layout responsivo que achei na net, mas simplesmente não faz efeito. Tem alguma dica pra fazer funcionar em uma base diferente, ou não rola mesmo?
      Me responde, please kkkk