O QUE FAZER EM SALVADOR – ANO NOVO

PROTETOR SOLAR EPISOL SPRAY FPS60

CRONOGRAMA CAPILAR BARATO

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!
Compartilhe
Instagram @faladantas
  1. Raquel Mota 18/07/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 21/07/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. Adorei o tutorial, me ajudou muito!
    Obrigada 😀
    http://www.leticiakoliveira.com/

  4. Kassia Hellen 23/07/2014

    Consegui! Muito obrigada Inara! <3
    Beijos

    brilhoestilo.blogspot.com.br

  5. Barbara Sá 25/07/2014

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

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

  6. Sandra Monroe 25/07/2014

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

  7. Bianca Evelyn 24/08/2014

    Foi o melhor tutorial que já encontrei <3

  8. Fabiane Santos 04/10/2014

    Ótimo post! Deu certinho!

    http://estacaofabi.blogspot.com.br

  9. Jhennifer Sandy 06/11/2014

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

  10. Blog Charmosas 01/12/2014

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

    http://www.blogcharmosas.com.br

  11. Tarcivan Monteiro 18/01/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 19/01/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 23/01/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 25/01/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 27/01/2015

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

  16. Depois de MIL ANOS consegui colocar. VALEEEU ♥

  17. Nay 24/02/2015

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

  18. Priscila 16/04/2015

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

    http://www.fotografiasecoisinhas.com/

    • Fala Dantas respondeu Priscila 16/04/2015

      aaah que bom! <3

  19. Lia 22/01/2016

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

  20. Loja Good Shoop 18/02/2017

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

  21. Amanda 23/07/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