Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Ferramentas Redes Sociais Vanessa S.

Como usar e moderar sistema de comentários do Facebook no Blogger

Atendendo a pedidos, hoje vou explicar como usar e moderar sistema de comentários do Facebook no Blogger.

Incluir o sistema de comentários do facebook, é um excelente aliado para gerar mais visitas no seu blog, e pode ajudar ainda mais na divulgação do seu conteúdo, afinal, cada pessoa que comenta no seu post usando o sistema de comentários do facebook, está, automaticamente, divulgando no mural o conteúdo que acabou de comentar.

A seguir, vou ensinar como incluir esse sistema de comentários, sem duplicar os comentários em todos os posts, sem necessidade de desativar o sistema de comentários dos blogger, bem como ensinarei uma forma de moderar todos os comentários recebidos.

usar e moderar sistema de comentários do Facebook no Blogger

 
Atenção: Antes de prosseguir com este tutorial, para que o sistema de comentários do facebook funcione corretamente no seu blog, é necessário criar um aplicativo (App)do facebook e já ter instalado o código SDK Javascript, bem como já ter instalado e configurado o código do aplicativo no html do seu blog.
Se ainda não criou, então leia este tutorial ? Criar aplicativos do Facebook para usar no blog e siga todos os passos, pois você precisará da ID do seu aplicativo para utilizar corretamente o sistema de comentários do facebook que você vai instalar.

 

1. Instalando o plugin sistema de comentários do facebook no blogger

Vamos localizar o local onde será adicionado o código do plugin.
Acesse o painel do blogger, clique no menu “modelo” e entre na edição html do seu template.
Use ctrl+f e localize a tag:


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

 

Ao final da tag de fechamento, você verá a seguinte tag:


</b:includable>

 
Cole o código do plugin logo ACIMA dessa tag </b:includable>
 
Código do plugin:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments'>
<h4>Comente com o Facebook:</h4>
<fb:comments data-colorscheme='light' expr:href='data:post.url' num_posts='5' width='480'/>
</div>
</b:if>

 

Veja imagem:
Adicionar sistema de comentários do Facebook no Blogger
 

Veja como deverá ficar:
5p
 
Outra opção: Dependendo do modelo do seu template, pode ser que não dê certo instalar o código do plugin na parte final do fechamento da tag conforme expliquei acima, então tente outra opção.
Use ctrl+f e localize a tag:


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

 

Ao lado desta tag que você você verá uma setinha preta. Clique nela.
Clique também na setinha acima. Veja imagens:
1p
 
Cole o código do plugin logo ACIMA de </b:includable>
Veja imagem:
2p

2. Personalizando o plugin:

No código acima, veja os trechos que você deverá customizar:
width=’480‘ -> refere-se a largura do box de comentários, ajuste o tamanho de acordo com a largura que achar melhor, substituindo o ‘480’.
data-colorscheme=’light‘ -> o facebook só dispõe de 2 modelos de cores: light e dark.
o código está customizado para cor ‘light’ (fundo branco), caso o seu template tenha fundo escuro, mude o ‘light’ para ‘dark’.
 

Agora veremos como incluir código CSS.
Procure pela tag ]]></b:skin> e logo ACIMA dela, cole o seguinte código:


.fb-comments { 
margin:10px;
padding:10px;
}
.fb-comments h4{
color:#CCCCCC;  /*--- ajuste a cor da fonte ---*/
font-size:18px;   /*--- ajuste tamanho da fonte ---*/
font-weight:bold;
padding:10px;  
}

 

3. Moderando os comentários

Agora veremos como configurar para que os comentários sejam moderados.
Acesse o link: http://developers.facebook.com/tools/comments
 

Clique no aplicativo que você criou, e em seguida clique no link “Configurações” que está no lado direito.
Configure o painel marcando as opções desejadas.
 

Veja imagem:
Adicionar sistema de comentários do Facebook no Blogger (3)

  • Moderadores: Escolha os perfis dos moderadores de comentários.
  • Modo de moderação: Escolha se vai moderar ou não os comentários.
  • Palavras na lista negra: Escolha se quer bloquear certas palavras. Caso não queira, deixe a opção “sem restrições”.
  • Outros provedores de login: Escolha se deseja permitir que os usuários comentem com outro provedor ou não.
  • Filtro de gramática: Opção para corrigir alguns erros de gramática automaticamente.
  • Compositor de comentários: Escolha se deseja Mostrar Sempre ou não.

 

4. Recebendo notificações de comentários recebidos

Toda vez que vez que você entrar em seu perfil no facebook (o perfil que você escolheu para ser moderador), você receberá notificações dos comentários aguardando moderação.

Moderando os comentários do facebook no blogger
 
Ao clicar na notificação, você será redirecionado para a página onde visualizará os comentários.
Clique em “Visualização do moderador” para verificar o conteúdo de cada comentário que está aguardando moderação.
Marque os comentários a serem publicados e clique em “Aprovar”.

Moderando os comentários do facebook (2)
 
 
LEMBRE-SE: para que o sistema de comentários do facebook funcione corretamente no seu blog, é necessário criar um aplicativo (App)do facebook e já ter instalado o código SDK Javascript, bem como já ter instalado e configurado o código do aplicativo no html do seu blog.
Leia este tutorial ? Criar aplicativos do Facebook para usar no blog e siga todos os passos.

[alerta]AVISO: Eu notei que de uns tempos pra cá, quem habilitou esta opção recentemente não recebe mais notificações dos comentários que aguardam moderação. Creio que isso deixou de funcionar devido as atualizações sofridas pelo Facebook, nesse caso o que posso recomendar é que aguardemos uma solução por parte do próprio Facebook. Se eu conseguir alguma novidade eu atualizo o post, ok?
Ao que parece, quem já havia instalado este aplicativo no inicio deste ano, as notificações funcionam normalmente.[/alerta]
 
Artigo atualizado em 06/julho/2013.

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

161 Comentários

  1. Poxa, fiz tudo certinho mas não funcionou, a caixa de comentários está instalada e tem comentários, mas não consigo moderar nenhum 🙁

  2. Alexsandre disse:

    Olá pessoal.
    Eu fiz os procedimentos e está funcionando muito bem o sistema de comentários do face no meu site.
    Parabéns!

  3. Obrigada pelo post! Li vários, mas só o seu me ajudou e facilitou na instalação. 🙂

  4. Marcelo disse:

    Gostaria de saber, porque não consigo deixar uma mensagem no blog de colegas, onde estou fazendo um curso à distância, e que tivemos que criar um blog, e uma das atividades foi de fazer comentários na página de outro colega.
    Muito obrigado!
    Marcelo

  5. Hallana Soares disse:

    A instalação da caixa de comentários da certo, funciona certinho. Mas a moderação dos comentários não da certo não. Sempre da erro na hora de salvar a moderação ‘Ocorreu um erro. Estamos trabalhando para resolvê-lo o mais rápido possível.’

  6. Oi Vanessa. Eu paguei uma moça pra fazer o layout do meu blog.. e ela colocou o sistema de comentários do facebook, mas agora eu gostaria de fazer a moderação, fui conversar com ela e ela me disse que fez a partir de um tutorial na net pronto, e não teve que criar o app no face dela. Ou seja, pelo que eu entendi meu blog está recebendo comentários com o face de alguém que não conheço. Gostaria de modificar somente o número do ID para colocar o meu (que eu ja fiz com sua ajuda) Mas não tenho ideia de como fazer, tentei seguir sua ajuda aqui mas parece que não encontro o código como você descreve no meu modelo. Você sabe me explicar como eu faço somente a troca do ID?

  7. Amanda disse:

    Como eu faço para aparecer por exemplo, “12 comentários” nas minhas postagens? Eu consegui fazer isso no meu blog http://antigosdiarios.blogspot.com.br/, mas não lembro qual tutorial eu utilizei. Agora estou mudando o layout e não consigo pôr isso de volta ç.ç

  8. JTS disse:

    Deu tudo certo, porém a opção de comentar pelo blogger continua
    como posso retira-la e deixar apenas a opção de comentar pelo face ?

  9. Pimenta disse:

    No meu deu tudo certo, mas não redireciona para o post do comentário, então não posso responder as dúvidas se não sei em que postagem foi feita a pergunta.
    Tem alguma ideia de onde foi meu erro?

  10. Edilson Lopes disse:

    Um muito mega e totalmente blilhões de obrigado! Eu tinha desistido já

  11. Trícia disse:

    Olá!

    Já preenchi tudo, na hora de salvar as alterações para moderar os comentários não salva, não acontece nada. 🙁

  12. Parabenzina a sua equipe!

  13. Regis Egydio disse:

    Oi Vanessa, parabéns pelo trabalho!
    Gostaria de saber por que você prefere não usar o sistema de comentários do Facebook aqui no seu blog.
    Vários outros blogs que dão dicas para blogueiros fazem a mesma coisa…
    Por quê?

  14. Oi, mudei meu domínio para .com.br e simplesmente meus cometários sumiram, o app do facebook ainda está lá mas não mostra os comentários. Será que tem como recuperar? Obrigado

  15. Pedro disse:

    Oi, Vanessa. Você tem aqui no blog algum post ensinando como deixar o sistema de comentários igual ao seu? Pelo que vejo, aqui podemos deixar comentários diretamente no blog, sem precisarmos ter conta no Facebook, Blogger, OpenID, Facebook, etc. Desde já, obrigado!

  16. karine disse:

    não funcionou :///

  17. Peter Brawn disse:

    O facebook não esta comunicando quando alguém comenta. Talvez seja intencional, não sei. Terei que retirar o sistema de comentários….

  18. Adriely Ramos disse:

    Olha, meus parabéns!

    Me ajudou bastante, muito obrigada!

  19. Valeu amiga Vanessa pela dica , o Facebook é uma ferramenta que ajuda em muito a trazer mais leitores para o nosso blog, deixou uma pergunta tem algum problema deixar vários tipos de comentários, por exemplo o Facebook e o Disqus ?

  20. Loyda disse:

    Olá Vanessa, você já descobriu como receber notificações peço Facebook? Estou com muita dificuldade nesse ponto :/

  21. Gleicy Souza disse:

    Conseguir colocar os comentários do blogger e do Face juntos, mas o ícone dos comentários, na parte do Face, não aparece, fica um quadrado em branco, como resolver?

    E outra dúvida, a opção para comentar não aparece no rodapé da postagem na página de rolagem, só aparece quando abro a postagem isoladamente.
    Tem como resolver?

    Agradeço desde já!

    Gleicy Souza

  22. Lucas disse:

    Oi, eu não consegui achar a primeira classificação, o primeiro código. Olha, eu faço o sistema de comentários igual o do Facebook, mas queria saber só como eu faço pra receber notifcações de comentários, por favor.

  23. Olá Vanessa, primeiramente parabéns ! Ola eu sigo este tutorial sempre que quero trocar o sistema de comentário padrão do blogger, ok da tudo certo …Mas há um problema, (pq não posso lhe cobrar nada) o sistema de comentário do “FB” não aparece em paginas estáticas, vc poderia fazer um tutorial resolvendo este problema, ou se achar melhor me enviar um email ? Por tudo obrigado !

  24. Johnb299 disse:

    I really like your writing style, good information, thankyou for posting D. eedaegceegbe

  25. Bem interessante !
    Vou aplicar nos meus blogs… obrigado pela dica vai ser bem útil.

    Um forte Abraço!

    Ewerton Maciel

  26. Gabriel disse:

    Já faz um tempo que coloquei este aplicativo no meu blog e só agora percebi que ele não me manda notificações quando as pessoas comentam. Sabe como posso resolver ?

  27. Daniel Faria disse:

    Bom dia Vanessa

    Estou com uma duvida. O meu blog é fundo preto e o plugin está com o fundo da caixa de texto branco e a letra preta. Como q eu inverto isso ?? Já tentei mudar o código e nada, ele só altera as cores das abas.

    Obrigado

    • Vanessa disse:

      Daniel,
      O facebook só dispõe de 2 modelos de cores: light e dark. No seu caso, use o dark.
      Vc tem que mudar isso no código. Procura pela linha
      data-colorscheme='light'
      E substitui o ‘light‘ por ‘dark
      Não temos como alterar o CSS desta parte, pois as configurações são as fornecidas pelo próprio facebook.

  28. Dunha disse:

    Em que parte entra a ID do aplicativo?

  29. Eronido disse:

    meu comentário foi sem com erros nas informações, desconsidere. Se interessar a informação que tenho, entre em contato que mando as informações em anexo.

    eronildo.aguiar@gmail.com

  30. gabriel disse:

    vejam meu blog: [link removido]

  31. kiko disse:

    Os comentários do face tbm ajudam na divulgação.

  32. Vagner disse:

    Quem nao achar div class=’post-footer-line post-footer-line-3 procure por div class=’post-footer-line post-footer-line-5 e faça o que se pede eu iz deu certo

  33. Diego Marks disse:

    Finalmente Consegui! 😀
    Muito obrigado Vanessa.

  34. Kelvin Luís disse:

    Instalei o aplicativo no facebook, o SDK e configurei os códigos no blog, mas eu não recebo as notificações dos comentários.

  35. SPACE NT disse:

    Vlw deu sertinho, muito bom 🙂

  36. Nathalia Lima disse:

    Obrigado esse post foi de grande ajuda e eu finalmente consegui adicionar os comentários do face, parabéns pelo ótimo trabalho 🙂

  37. Arthur disse:

    Oi, poderia me ajudar, fiz todos os passos.
    O povo comentava lá, e quando eu ia em:

    https://developers.facebook.com/tools/comments?id=MEUIDAQUIOK&view=recent_comments
    Fica assim:
    Sem comentários recentes.
    O que seria?

    • Arimateia disse:

      Obrigado pelas dicas fico muito grato, só estudante de Sistemas de Informação e essas dicas si tornarão muito produtiva para meu conhecimento.

  38. Eu definitivamente amo esse blog *_*

  39. Arimateia disse:

    bacana essas suas dicas vlw

  40. Carla Thais disse:

    Muuuuito obrigada pela explicação! Procurei muitos tutoriais e este esta completo, muito obrigada mesmo, parabéns pela paciência e pelo trabalho realizado!!!

  41. Alleson disse:

    eu queria pedir uma grande ajuda, bom eu coloquei esse sistema em meu blogger tudo está conforme o combinado porem na pagina inicial de meu site eu deixo os posts aparecendo e um link de “leia mais…” abaixo deles assim redirecionando para o post completo… enfim o meu problema é que a barra de comentários ficou duplicada na pagina inicial onde ela nem deveria aparecer… o que eu faço pra ela aparecer somente nas paginas de postagens? eu estava procurando porem não achei ainda… espero que possa me ajudar…

  42. Valcinei disse:

    Olá.
    no meu blog, funcionou quase perfeito. O único problema é que não recebo as notificações dos comentários feitos.

    Como eu posso resolver esse problema?

  43. Valcinei disse:

    Não funcionou perfeitamente no meu caso.

    No blog ficou normal, mas o único problema é que não recebo as notificações dos comentários feitos.

    Como que eu posso resolver esse problema?

  44. Euclides disse:

    Muito obrigado o seu tuto foi o único que me ajudou, estou eternamente grato rsrsrsr!!!

  45. Charlie disse:

    O meu sistema de moderação também não funciona. Espero que você encontre por uma solução antes de mim. Ficarei acompanhando.

    Eu consegui fazer funcionar graças a um outro tutorial de um outro blog, mas acho que o meu sucesso se deve ao fato de que o autor do post era uma mulher. O jeito da outra menina explicar se assemelha ao seu.

    Obrigado desde já. 🙂

  46. Renan Malato disse:

    Obrigado, Mundo Blogger!
    Funcionou perfeitamente.
    Achei vários outros tutoriais complicados mas nenhum funcionava. Este, simples, funcionou legal.
    As duas opções prestaram, no entanto em posições diferentes.

    Att

  47. Muito obrigado, a caixa de comentários do meu blog estava bugada, não dava pra apagar os comentários na página de developers no face. Tentei remover a caixa bugada e não consegui, então achei seu blog, este tutorial me ajudou a tirar a outra caixa de comentários e colocar uma nova, mais dessa vez dá pra apagar os comentários. Fiz o teste, muito bom. Obrigado novamente.

  48. MUITO OBRIGADA!!! Tentei colocar os comentários do facebook em vários tutoriais diferentes e só no seu consegui o resultado desejado. Brigada!! 🙂

  49. Odlanier disse:

    Não consigo localizar a tag: div class=’post-footer-line post-footer-line-3

    O que será?

    • Vagner disse:

      O meu tambem nao tinha ai resolvi pesquisar por div class=’post-footer-line post-footer-line-5 segui o tutu e deu certo pode colocar div class=’post-footer-line post-footer-line-5 funciona

  50. Drika RiLi disse:

    Tive um problema com essa atualização. Eu já tinha colocado o formulário de contato em página estatica antes e agora quando eu vou colocar o cógido em cima do ]]> o código do formulario já está lá. Coloquei o do comentário em baixo do código do formulario. Agora, quando adicionam um comentário pelo facebook, ele só aparece se atualizar a página, e quando vai deletar ele também da erro e só sai se atualizar a página. Tem algo que eu possa fazer?

  51. Desde a noite desta quarta-feira – 23 de outubro – a página de moderação dos comentários do Facebook não carrega, fica apenas toda em branco, e o formulário de comentários, que antes aparecia normalmente, não aparece mais no blog. Já falei com outros blogueiros que também relataram o mesmo problema. Alguém mais está passando por isso?

    • Vanessa disse:

      Pelo que eu soube, o facebook essa semana anda apresentando alguns problemas. Recomendo que vc tente contactar o suporte para verificar o que houve.

      • PaulaDB disse:

        Oi sua linda, por favor, você sabe me informar se está tendo problema? Acabei de configurar certinho, mas na hora de mexer na configuração do app no facebook, configuro tudo, mas o botão salvar não funciona, eu clico em salvar e a página permanece sem aceitar. Obrigada, adoro seu site, beijos

  52. Realmente tenho conhecimento com blogger, mais não consegui termina esse tutorial fiz tudo, e nada ainda continuo o comment de mesmo

  53. Julio Adari disse:

    Oi Vanessa!!!!
    Segui passo a passo o seu tutorial,apliquei no meu blog e deu certinho.
    Muito obrigado.

  54. Priscilla disse:

    Olá!
    Consegui finalmente colocar os comentários do Facebook no meu blog depois de ver o seu post. Porém a caixa de comentários aparece na página inicial também e não só quando clico em comentários.

    O que pode estar errado?

    Obrigada!

  55. thiago disse:

    Oii, é eu não estou sendo notificado pelo meu facebook, eu adcionei meu nome como moderador mais não esta funcionando ? ajuda

  56. Olá Vanessa,fis tudo e deu certinho,só não está funcionado o sistema de [REPLAY]…abre um popap e mostra um erro dentro dele..
    Mas mesmo assim muito obrigado…

  57. Tammy Kesher disse:

    Nossa, esse foi o único tutorial que me ajudou com esse plugin! Muito bom meesmo! Valeu!

  58. Sybylla disse:

    Que pena, não funcionou. A área de comentários do Facebook não aparece.

  59. Amanda disse:

    Eu fiz TUDO o que tu falou, e não mudou nada, continua aparecendo os comentários do blogger.

  60. Saberia me dizer porque não estou conseguindo salvar as alterações que fiz na moderação do aplicativo???

    Fico no aguardo, desde já obrigado pela atenção.

  61. Sol Henriques disse:

    Oi Vanessa, Existe outra forma de inserir esses códigos? Em outro lugar. Meu HTML não te o codigo (div class=’post-footer-line post-footer-line-3) procurei por horas (usando Ctrl+F) mas simplesmente não existe. O código SDK Javascript foi instalado perfeitamente, só tive problemas com a instalação do pluging do FB. O teria alguma soluçao pra mim?

    Desde já agradeço

    abraços

  62. Olá Vanessa! Fiz tudo direitinho e deu certo! A única coisa ruim é que na página principal do blog, onde aparece todas as minhas postagens, não aparece a caixa do facebook para comentar abaixo de cada uma delas. Só aparece essa função quando eu acesso o link de um único post.
    Teria como você me ajudar? Pois quem acessa o blog diretamente não encontra onde comentar, somente quando eu mando o link de um post específico.
    Também não estou conseguindo colocar a caixa de like do facebook ao abrir o meu blog.
    Obrigada!

  63. Felype Mateus disse:

    Parabéns pelo Post, deu Tudo Certo Aqui ;D

  64. Letícia disse:

    Muitíssimo obrigada pelo tutorial!!! Depois de tentar outras 10 vezes, finalmente consegui. Você está de parabéns, continue sempre prestando serviços uteis aos blogueiros!!!!

  65. Ivan Bittencourt disse:

    Vanessa, tentei os dois códigos mas não apareceu! 🙁
    O que pode ter acontecido?

    • Vanessa disse:

      Lamento, mas alguns casos só é possível encontrar alguma resolução testando, e por não dispor de tempo para isso, infelizmente não tenho como te ajudar. De qualquer forma, agradeço pelo comentário.

  66. Muito bom. Só que no meu blog quando eu coloquei o script acima de iccludable os comentários ficavam abaixo de todos os comentários do blogger. Mudei coloquei abaixo da tag . Deu certo ficou no inicio,acima dos comentários do blogger. Porém ele só aparece em postagens que já possuem comentários. O que pode ter acontecido?

  67. Felipe disse:

    Vanessa, não consegui achar o código do passoo 1:
    div class=’post-footer-line post-footer-line-3
    Sabe porque?

  68. Olá Vanessa, esse seu blogger tem o que eu preciso para personalizar meu blogger, eu gosto muito de fazer personalização no meu blogger porque isso deixa ele com uma cara bonita e fica melhor para os visitantes navegarem com mais facilidades. Bom eu conseguir colocar em meu blogger mais eu queria que ele ficasse no centro do blogger porque ele está muito no canto.

  69. Ed Soares disse:

    Boa noite de terça feira!

    Faz alguns dias que busco uma ajuda de alguém, mas parece que rodo,rodo, vou de um site à outro e ninguém consegue me dar uma resposta altura.

    Espero que possas me responder à contento.

    Eu meu blog tenho atualmente o formulário de comentários do Blogger e do face, os dois juntos, que inseri quando vi tal possibilidade no ferramentasblog.com. Pelas instruções constantes no site citado, os dois deverão aparecer ao mesmo tempo. Facebook/bogger. No entanto, uma das dificuldades que tenho é que, quando termino minha postagem e deixo-a no ar não aparece o formulálio de comentários do facebook. Para que o mesmo apareça, já que deveriam está integrados, alguém tem que fazer algum comentário, primeiro, no blogger, para daí aparecer o formulário do face. Na maioria das vezes eu mesmo comento para o face aparece. Só assim, o formulário do face aparece.

    Caso não façam nenhum comentário, nada acontece, ainda continua apenas o formulário do blogger.

    E isso me incomoda pacas.

    O que eu gostaria de saber, e espero ter encontrado uma pessoa para me responder, é se tenho como retirar o formulário de comentários do blogger, deixando apenas os do face, ou se tem alguma forma de perdurarem os dois, deixando as opções para o visitante/leitor, sem mexer ou alterar nos comentários anteriores?

    Já pensei mil vezes em retirar por completo o formulário do blogger, que está sendo praticamente inlutil, já que os comentários que mais tenho vem do face, mas tenho receio de perder os comentários anteriores do face.

    Ou seja, em outras palavras, quero continuar com os dois formulários, se possivel, apenas concertando esta parte que incomoda. Ou se tem como retirar o formulário do blogger, deixando apenas o do face sem perder os comentários (varios) anteriores de meus leitores.

    Fico no aguardo de uma resposta à contento.

    • Vanessa disse:

      Lamento, mas eu não tenho como te ajudar, pois deve ser algo relacionado ao seu template e para tentar descobrir, teria que ser feita uma análise mais minuciosa, e infelizmente eu não disponho de tempo para isso. De qualquer forma, agradeço pelo comentário.

      • Ed Soares disse:

        Vanessa, você me ajudou, mesmo sem saber.

        Coloquei, meio que por medo, claro, esse novo aplicativo, conforme os passos que você me ensinou, e qual não foi minha surpresa, quando fui ver como ficou, todos os anteriores comentários feitos em meu blog pelo face, continuam lá, no cantinho, tudo certinho, sem ter mexido… Ou seja, era exatamente o que eu tinha buscado antes e deu cem por cento certo, exatamente como eu queria.

        Está funcionando normal.

        Agradeço-lhe pelo tutorial, uma postagem que vem com certeza de encontro com nossos outros irmão da comunidade dos blogueiros.

        Beijos na alma e muita paz, sempre!

  70. Nilson disse:

    uau Demais o único tutorial que realmente deu certo em meu blog obrigado

  71. Franci disse:

    Parabéns Vanessa pelo tutorial!! tem que fazer tudo direitinho para
    dar certo!!! estou conseguindo moderar!no blog mesmo! muito bacana!!!
    e é preciso salvar um código de cada vez se nao da erro igual estava acontecendo comigo!!
    Obrigada!sucesso sempre no blog !
    bjos

  72. Simplesmente perfeita essa sua explicação, Venessa… Você é uma baita professora… =)

    Uma pergunta: uso o mesmo ID para outros blogs ou tenho que criar um novo aplicativo?

    Beijos e muuuuuuuito obrigada!

  73. Dica muito útil sem erros na aplicação. Somente não consegui aumentar o tamanho da fonte no comentário (pelo CSS) isso é normal? Um abraço! Visito sempre o blog.

    • Vanessa disse:

      Não temos como alterar o CSS nesta parte, pois as configurações são as fornecidas pelo próprio facebook.

  74. Vanessa, achei apenas um código b:includable id=’comment_picker’ var=’post, e adicionei no devido lugar recomendado aqui, porém, ainda não aparece a caixa de comentários.

    A pergunta é, é possível deslocar esse código pra outro lugar e que pode aparecer sem atrapalhar?

  75. Isabel disse:

    Adorei a dica!
    Estou tentando colocar o intensedebate no meu, e até consegui, mas não conseguia colocar o nº de comentários para aparecer no link que
    puxava o comment-form.

    Se tiver alguma dica!! rs

    Bjs

  76. Kris Oliveira disse:

    No meu blog ta aparecendo a seguinte mensagem abaixo da caixa de comentários: Aviso: “este plugin de comentários está operando no modo de compatibilidade, mas não tem publicações ainda. Considere especificar um ‘href’ explícito como sugerido na documentação do plugin de comentários para aproveitar todos os recursos do aplicativo.”

    Como eu poderia retira-la?

    • Vanessa disse:

      Geralmente essa mensagem de erro é ocasionada devido a alguma configuração errada do aplicativo. Tente refazer a instalação do aplicativo, ou tente criar outro.

  77. Olá Vanessa, esse seu blogger tem o que eu preciso para personalizar meu blogger, eu gosto muito de fazer personalização no meu blogger porque isso deixa ele com uma cara bonita e fica melhor para os visitantes navegarem com mais facilidades. Bom eu conseguir colocar em meu blogger mais eu queria que ele ficasse no centro do blogger porque ele está muito no canto como pode ver nesse print:

  78. Franci disse:

    Aparece esse erro e não sei do que se trata:
    Erro ao analisar XML, linha 3, coluna 146: Element type “html” must be followed by either attribute specifications, “>” or “/>”.
    ME ajude, ja tentei com vários tutoriais e nada deu certo, e agora esse erro, tinha uma esperança com o seu tuto, mas e esse erro???? o que será isso???
    até mais
    beijos

    • Felipe disse:

      Falta uma /> no final da linha do proprietário, Franci.
      Coloque e o erro vai sumir.

  79. Toda vez que tento colocar, fica repetindo o comentário em todos as postagens!

    • Vanessa disse:

      Tente refazer o tutorial (apenas o 1º passo)pois eu acabei de atualizar o post e inclui uma outra opção de local para instalar o código do plugin.

  80. Mentalista disse:

    Olá!
    Vanessa preciso muito da sua ajuda pois o q eu quero não encontrei em nenhum lugar! O q eu preciso é o seguinte: colocar o sistema de comentário do blog parecido com o o seu, no qual só é necessário informar o nome e o e-mail para cometar! Eu sei q tem como comentar na plataforma blogger como anonimo ou colocando Nome/URL, mas eu quero colocar um sistema igual ao seu, sem opções, sem contar que esteticamente é muito melhor!
    Eu já vi que tem como fazer com PHP mas como não entendo quase nada de programação não entendi nada como aplicar isso! Espero que vc possa me ajudar!
    Obrigado pela atenção!

  81. José sanches disse:

    Não estou conseguindo localizar –> ”” no HTML ://

  82. Adorei! Queria ter visto isto antes, é ótimo pra divulgar o blog pelo Facebook afora 😀

    Eu uso comentários do Disqus e gostaria de usar os do Facebook também. Vi que tem como colocar os dois, mas não consigo colocar a caixa de comentários do Facebook acima da caixa de comentários do Disqus. Você sabe como posso modificar isto? Até tentei umas coisas, mas sem sucesso. Engraçado que o widget do FB está acima do widget do Disqus 🙁

    =*****

  83. Paula disse:

    Segui todos os passos, mas não aparece o bloco de comentários do Facebook no meu blog. Por quê ?

    • Vanessa disse:

      Paula,
      Em alguns modelos de templates, esta tag "b:includable id='comment_picker' var='post"
      aparecem 2 vezes. Tente ver se é o seu caso. Se vc localizar esse trecho 2 vezes, faça a inclusão do código 2 vezes.

  84. Após ter configurado tudo direitinho o plugin aparece imediatamente no blog ou é necessário esperar algumas horas? Tentei mais uma vez, ficarei no aguardo de uma resposta ou que ele resolva aparecer, pois fiz tudo direitinho.

  85. Oi Vanessa, tudo bom?
    Segui direitinho cada passo e já tinha configura até mesmo a SDK no meu HTML e quando finalizei tudo e salvei modelo, não apareceu nada em meu blog. O que pode ter acontecido? 🙁

    Ainda apaguei e fiz tudo novamente para ter certeza de que não tinha feito nada de errado e ainda assim, nada aconteceu.

    Beijos.

  86. Matheus disse:

    Vanessa, atualize este tutorial de acordo com o novo HTML blogger. Segui os passos, porém contém erros… Esse novo Modelo é meio complicado!!

    Abraços!

  87. Alemao disse:

    Boas,

    Parabéns pelo tutorial, mas notei que o mesmo comentário esta em todas as postagens de meu blog.

    É assim mesmo? Ou dá pra arrumar?

    Obrigado

    • Jack disse:

      Comigo tbm está acontecendo isso. O que fazer?

      • Vanessa disse:

        Se vcs usarem o código que está no item 2, não é para isso acontecer, pois o código está formatado para que não se repita nas demais postagens.

  88. Vera Moraes disse:

    Vanessa não recebo no meu perfil do Facebook aviso de comentários para moderar. Só quando entro no meu blog é que fico sabendo. O pior são os comentários em posts antigos que fico sem saber que estão aguardando moderação…..Vc sabe onde pode ser que está esse erro? Obrigada!

    • Vanessa disse:

      Vera, o facebook andou mudando, e depois das mudança, as notificações pararam de aparecer. Dá uma olhada nas suas configurações de privacidade e notificações no seu perfil do facebook, para ver se tem algo configurado lá para que vc não receba determinado tipo de notificação.

      • Vera Moraes disse:

        Obrigada! Por coincidência, hoje recebi uma a primeira notificação de comentário no painel do meu perfil. Demorou para aparecer depois que instalação foi feita no meu blog. Não sei se está funcionando para todos os comentários….agora é aguardar………..

  89. Ricardo disse:

    Boa tarde Vanessa, voce sabe porque nao está mais aparecendo as notificações no facebook para moderar os comentarios? Agora é ncessário entrar de artigo em artigo para verificar novos comentarios?

  90. Wolf disse:

    Oi segui seu tutorial e fiz o mais dificil colocar os comentarios e tal. O problema esta na moderação quando clico no seu link do face
    ele da erro. Entrei com outro usuário sem fa pages e da o mesmo erro ou seja não consigo acessar o formulário do Facebook

  91. Absolut disse:

    Fiz tudo certo no meu e não apareceu nada oque pode ser ?

  92. Júnior disse:

    Meus comentários estão funcionando corretamente, mas eu não recebo notificações quando alguém comenta. Fiz exatamente o que você disse acima, adicionei meu perfil como moderador e marquei a opção de que todos os comentários devem ser moderados, mas não recebo nenhuma notificação pelo facebook.

    Sabe o que pode estar dando errado?

    Obs: Adicionei os comentários seguindo os passos da página de facebook developers.

  93. Luiz Henrique disse:

    Bom dia, estou tendo problemas na instalação de códigos com a nova interface do blogger. Faço todos os procedimentos e clico em salvar modelo. Mais quando vou visualizar não tem alterações. Sera que poderia me ajudar?

  94. Alexia disse:

    coloquei no meu blog um comentar e um curtir dois plugins separados, meus plugins pedem confirmação ao serem executados e isso inibe os usuarios, poderia me ajudar qto a isso?
    existe alguma forma de eliminar estas confirmações ou existe algum codigo para esta ação sem esses pedidos de confimações
    Desde ja agradeço demais.

  95. Elison P. disse:

    Olá Vanessa, fiz tudo certo sem erros só que o plugin não aparece no meu Blog. Fica um vazio branco, esperei para ver se carrega mas, sem sucesso :/ Poderia me ajudar?

  96. keniia disse:

    Olá, eu fiz todos os passos e não teve nenhum erro, e simplesmente o plugin não apareceu, eu tinha o formulário do disques, dai eu tirei e figou só o do blogger mesmo!

  97. Alexia disse:

    esqueci de marcar a opção para me notificar por email,
    mas é isso ai.
    obrigada

  98. Não consegui fazer. Fiz tudinho e nada aconteceu 🙁

  99. Halys disse:

    Olá Vanessa, estou com um problema, quando tento adicionar um moderador aparece a seguinte mensagem: Cannot add non-users or non-friends as moderators: não tem como adicionar se meu perfil for uma fan page?

  100. Juliana disse:

    Vanessa, voce viu que houve alteração no codigo do blog? Não existe mais expandir…. Como devo fazer agora?

  101. José disse:

    Não está a dar para encontrar a tag com o novo layout de editar o html :\

  102. Danilo disse:

    Parabéns! irei testar assim que possível.

  103. disse:

    Funcionou direitinho, e pensar que eu me bati tanto pra encontrar esse códitos. Muito obrigada viu. Beijo.

  104. Lara disse:

    No código do template não tem essa tag: , onde devo colocar o código?

  105. Danny Toledo disse:

    ola, muito obrigada, funcionou bem!
    a unica coisa eh q o pessoal comenta e depois q eu vejo q ja esta no blog e a moderação nao funciona.
    valeu. bjs

  106. Daf Programas disse:

    Quero parabenizar todo o pessoal da equipe MundoBlog pelo o excelente artigo. iniciei a pouco tempo no blog e seu artigo ajudou e muito… gostaria de saber se terá algum problema se eu fizer um tutorial em vídeo mostrando passo a passo todo o processo?!
    Aguardo sua resposta
    atenciosamente: Daf Pro

  107. cledenilson disse:

    como faz na plataforma wordpress

  108. Natália disse:

    Vanessa, eu já tinha feito esse processo há um tempo e tava funcionando, mas os comentários pararam de ser atualizados na página https://developers.facebook.com/tools/comments
    Agora eu tenho que ir nas páginas dos posts pra ver se tem comentários. Sabe o que pode ter acontecido? =(

    • Danny Toledo disse:

      comigo também…

      • Vanessa disse:

        Parece que o facebook andou mudando alguma coisa (de novo), pq eu tb notei que não está mais aparecendo notificação para moderar comentário. =/

        • Natália disse:

          Tá difícil, né? 🙁 To refazendo o processo porque mudei de layout e agora tá dando um erro no script (que peguei na página do facebook, pra ver se corrige essa questão da atuazliação). Vou ver aqui e depois conto no que deu

  109. Andreia Ferr disse:

    Olaa Vanessa… entao no meu site ta tudo certo o lance de comentarem com o face… mas a fonte eu nao consigo mudar… ele só aparece as letras em cor preta e pequenas… tentei mudar a cor pra branco e o tamanho, mas nao da certo… poderia me ajudar?
    Obrigada, Parabens pelo site… muito util.

    • Vanessa disse:

      O Facebook só dispõe de 2 modelos de cores: light(Branco com link preto) e dark(Preto com links brancos). Vc tem que escolher um dos 2 modelos disponível.

  110. tonyrson disse:

    Ola vanessa já tentei outras vezes adicionar esse sistema de comentários em meu blog é muito facil interagir e traz muitas visitas mais a opção de moderação não conhecia ainda quem sabe não tento instalar em meu blog.

  111. Diego disse:

    O meu não tem esse codigo

  112. Olá vanessa parabéns pelo seu trabalho, desde que comecei a montar o meu blog, o seu me ajudou muito, e isso é de suma importância no meu trabalho.Um dia que tiver tempo e dar uma espiada, por favor me fale as criticas para que eu possa melhora-lo.
    Um grande abraço

  113. Samantha disse:

    Oi Vanessa! Por conta do passo 8 (SDK Javascript) da criação do APP do facebook pro blog, não consigo fazer dar certo este tutorial. Quando tento colocar o codigo, ele dá aquele erro de “;” que o Guilherme aponta lá naquele tutorial. Tentei todas as opções descritas lá nos comentários por vcs.. mas mesmo assim, nada.. alguma sugestão? Agradeço muito. Obrigada.

  114. Michel disse:

    Olá, consegui colocar a caixa de comentários, só que nela não aparece as opções para mim, que no caso sou o dono do blog, onde eu devo colocar o ID do app que criei no Facebook e assim ter controle dos comentários que são recebidos no blog ?

    • Michel disse:

      Vanessa , desculpa , agora já consegui, muito bom seu blog , faz tempo que procuro por algo que de certo, e encontrei aqui, muito obrigado !

  115. Cláudio Luiz Sá Brito Machado disse:

    Olá, Vanessa! É muito interessante este artigo! Gostei demais do visual do seu blogue! Gostaria de convidá-la a visitar meu blogue, mencionado acima. Quero sugerir um tema aqui. Já li em dois blogues como fazer links de texto e imagem, mas não explicaram o que fazer com o código final, no qual é colocada uma url e um código html. Se você já explicou isto antes, gostaria me indicasse o artigo. outro tema que me interessa no momento é edição de imagens, pois quero fazer uma imagem para ser capa de uma página no face, e ela precisa ter um tamanho grande. precisa também ser escrita no Word e convertida para imagem JPEG, ou outro tipo que o face aceite. Muito obrigado!

  116. July Marie disse:

    Parabéns pelo blog..ele está me ajudando muito!! Mas depois de olhar tudo nele..não consegui achar uma coisa ainda. O modelo do meu blog veio com as postagens já resumidas sabe? com aquele botão de “leia mais” ou “read more” e eu queria tirar, queria que os posts aparecessem inteiros quando eu postasse. Se tem como colocar os posts resumidos, deve ter como tirar né?! Que é o que eu estou querendo!
    O meu blog é esse aqui se quiser dar uma olhada: blogdajulymarie.blogspot.com.br

    Agradeço desde já e se puder responder mais ainda!! Não repara o blog porque ainda estou montando! bj

  117. Fábio Lins disse:

    Testei mais esse tutorial e deu tudo certo. Obrigado.

    Mas uma coisa esse tutorial não ensina e nem os mais de 10 que segui ensina. O número de comentários feitos pelo facebook não aparecem na página principal. Apenas aparece o número de comentários feitos pelo blogger.

    Teria como ajudar nisso? Obrigado!

  118. yaragoth disse:

    Oi, Vanessa! Eu estava justamente procurando isso, entro no seu blog e bingo! Exatamente o que eu queria.
    Uma vez, instalei no meu blog esse mesmo aplicativo de comentários do face, mas acabei retirando quando troquei o template. E eu queria voltar a ativá-lo, mas não lembro onde vou para pegar o mesmo aplicativo e restaurar os comentários (menos de meia dúzia) que eu tinha nele! Você pode me dar uma luzinha? 😀
    Parabéns, como sempre!

  119. Olá Vanessa, este código funciona no wordpress gratuito (wordpress.com)? Grato

    • Vanessa disse:

      Acredito que deva ter uma maneira de instalar o sistema de comentários no wordpress.com sim, mas não sei te dizer qual é o procedimento correto.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.