Colocar Comentários do Facebook no Blogger

Integrar seu blog com redes sociais é um jeito de conseguir mais visitas, então vamos mostrar como colocar os comentários do facebook no seu blogspot e assim dar mais uma opção de comentários e chances de divulgação de seus posts no facebook. Já falamos de alternativas para colocar comentários no blogger:
Como Criar Aplicativos no Facebook e Usar Comentários no Blog
Usar Comentários do Disqus no Blogger
Colocar Comentários do IntenseDebate no Blogger

comentários do facebook no blog

Criar Aplicativo do Facebook para Blogger

Para instalar os comentários do facebook no blog o primeiro passo é criar uma APP (aplicativo do facebook). Entre na pagina http://developers.facebook.com/setup, coloque o nome e endereço do seu blog, selecione o local e clique no botão create App

criar aplicativo no facebook

Então você verá uma janela com informações do aplicativo que acabou de criar. Agora copie o numero que está em App ID/API Key, cole esse numero no bloco de notas, pois vamos utilizá-lo em varias partes do código.
id do aplicativo facebook

Colocar os Códigos do Facebook no Blog

Entre na pagina do Blogger >> Modelo, antes de fazer qualquer alteração sugerimos salvar uma cópia do seu template, assim se tiver algum problema poderá facilmente voltar ao seu layout atual sem dificuldades.

Clique em editar HTML, marque a opção: Expandir modelos de widgets.

Logo no inicio do código tem algo mais ou menos assim:

<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'.....

Coloque o código xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema' : na linha < html, fica deste jeito(não é para apagar nada, só adicionar o trecho):

<html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema' b:version='2' class='v2' expr:dir='data:blog.languageDirection'.....

E um pouco mais abaixo você encontrará  <head>, após essa linha coloque:

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

Mas no lugar de APP ID use o numero do aplicativo que copiamos no site do Facebook.

Agora procure por <div class='post-footer-line post-footer-line-1'/>: e coloque esse código logo depois:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/pt_BR/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments expr:href='data:post.url'/>
</b:if>

Aqui também troque o APP ID pelo numero do aplicativo.

Clique para salvar e veja o seu blog, mas os comentários só aparecem na paginas das postagens e não na pagina inicial. Outra coisa que notará é que os comentários padrão do blogger continuam aparecendo, então vão até a pagina Configurações >> Postagens e comentários e use a opção não exibir comentários. E pronto.

mostrar comentarios no blogger

Moderar os comentários do Facebook no seu Blog

Esse é o link para a pagina de moderação dos seus comentários no Facebook: http://developers.facebook.com/tools/comments, clique no link configurações e faça suas escolhas. A opção Let me approve each comment before it appears ativa a moderação, ou seja, você precisa aprovar os comentários antes deles aparecerem no seu blog.
moderar comentários do facebook

Esperamos que gostem de mais essa opção de comentários para seu blogger e deixem a opinião de você sobre qual o melhor sistema de comentários para usar no blog: facebook, disqus, intensedebate, os comentários padrão do blogger ou algum outro tipo. Aproveite e veja outras dicas úteis para Integrar o Blog ao Facebook e Gerar mais Visitas.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

269 comentários:

  1. acabei de colocar no meu blog... mas acho que vou mostrar os dois por enquanto... já que não tem como importar os comentários já recebidos

    ResponderExcluir
  2. Fabiano, como faz pra botar o Botton Curtir e Twittar a cada post do blog?

    ResponderExcluir
  3. ótima postagem, me ajudou muito.
    divulguei onde foi possível.

    ResponderExcluir
  4. Iae, sou do super baixador q te insultei por email, gostaria de te pedir desculpas pelos palavroes se me disculpa deixa comentario ou pelo email msm, foi mal.

    ResponderExcluir
  5. Quando tento criar um APP a página exige que eu coloque meu número de celular para enviar um código para eu continuar o processo, porém o código não chega de jeito algum, mesmo com o número certo.

    O q pode ser feito?

    ResponderExcluir
  6. Olá Fabiano,
    primeiramente gostaria de da os parabens pelo site!!construi meu blog atraves das suas explicaçoes aqui.Muito obrigada msm por compartilhar seus conhecimentos com a gente.
    Agora minha pergunta,eu tentei instalar o intense debate.segui o passo-a-passo q vc ensinou,mas no final da erro.Acho q o template que baixei nao aceita o intense debate,nem o disqus.Eu queria se tem como instalar um gadget pelo menos pra responder o comentario

    ResponderExcluir
  7. Desculpe estar comentando nessa parte, mas queria saber se tem como colocar uma parte pra comentarios que nem em postagens. Porque quando tou editando a página, seleciono a opção permitir comentários, mas sempre dá errado, na hora que vou editar a página dnovo ela ta sempre marcada com o não permitir. Preciso muito disso, já tentei fazer o mesmo em uns 9 blog's, mas não dá, a uns meses atraz dava, mas agora não.

    ResponderExcluir
  8. Eu não tenho celular para confirmar a conta. Ñ tem algum outro tipo de adicionar comentario no facebook sem precisar cadastrar o celular?

    ResponderExcluir
  9. Tentei incorporar essa função ao blog mas não consegui. No primeiro passo, após clicar em 'Create App', a página que aparece não é a com dados do App criado, e sim uma outra de início. Tentei clicar em 'Editar Aplicativo', que aparece no canto, mas aí vem uma mensagem de erro que diz que a página não foi encontrada.

    ResponderExcluir
  10. Marcia
    também não achei como importar os comentários já recebidos...

    Iguinho__- HQ
    o botão do twitter e facebook são separados, você pode colocar os dois ou usar o addthis que além desses tem outros botões, veja aqui:

    Botão para as redes sociais - AddThis

    Twitter button no seu blog - botão retweet

    Botão Curtir e Enviar do Facebook Juntos

    Super baixador
    tudo bem...

    Douglas Phoenix
    infelizmente precisa fazer essa parte do cadastro para criar app e outros acessorios do facebook

    Assessoria Patricinhas Suburbanas
    alguns templates que você baixa da internet usam códigos diferentes... então torna mais dificil modificar esse tipo de template. Mas qual é o problema? não aparece nada? não achou o lugar de colocar o código ???

    Anônimo
    tente excluir o historico de internet, as vezes seu computador está acessando a pagina pelo cache e por isso parece que não consegue alterar as configurações

    Lucio
    não tem outro jeito para criar aplicativos o facebook exige essa confirmação

    × ·•Aℓσиє•· ×
    é a primeira imagem que postamos: http://4.bp.blogspot.com/-DeRCGE8Mqm0/Tpx1nKZN7lI/AAAAAAAACxU/XkQwynzBHKc/s400/comentarios-facebook.jpg

    yαrαgoth
    pode ser erro de carregamento de pagina, clique F5 para atualizar... senão tente criar outro aplicativo

    ResponderExcluir
  11. Baixe Correto
    concordo com você que deixa a pagina mais lenta... como qualquer outra coisa que coloca no blog.

    mas realmente os aplicativos do facebook são pesados

    ResponderExcluir
  12. Weee agora eu consegui!
    Obrigada por mais essa dica, Fabiano!

    ResponderExcluir
  13. Sou eu o que fez a pergunta que vc respondeu "tente excluir o historico de internet, as vezes seu computador está acessando a pagina pelo cache e por isso parece que não consegue alterar as configurações" Eu tentei, mas não adiantou, oq fasso?

    ResponderExcluir
  14. Oie Fabiano
    entao eu instalo direitinho,salvo e nao aparece nada.Agora coloquei um gadget para responder o comentario,mas qdo aperto em responder aparece o seguinte erro BX-idusvc

    ResponderExcluir
  15. Anônimo
    é muito estranho isso... o pior que precisa modificar as configurações... não lembro de outra maneira de mostrar os comentários

    ResponderExcluir
  16. Assessoria Patricinhas Suburbanas
    na maior parte das vezes isso é um erro temporario... tente novamente, mas exclua o histórico de internet antes para evitar erros devido ao cache

    ResponderExcluir
  17. Quando tento criar um APP a página exige que eu coloque meu número de celular para enviar um código para eu continuar o processo, porém o código não chega de jeito algum, mesmo com o número certo.

    O q pode ser feito?

    ResponderExcluir
  18. Fabiano, nas páginas dos marcadores aparece uma mensagem do tipo:
    "mostrando postagens com o marcador x. Mostrar todas as postagens"
    Gostaria de saber se tem como colocar uma mensagem parecida nas páginas de arquivo

    ResponderExcluir
  19. Carlos Vinícius
    não achei o trecho para colocar essa mensagem no html do blog

    Customize Sempre
    colocou o numero completo?... o numero é 55 11 numero do celular

    55 é Brasil

    11 é o DDD

    ResponderExcluir
  20. Mas pelo menos você sabe o código para colocar isso em um gadget HTML/javascript ?
    Depois só eu programar para ele aparecer somente nas páginas de arquivos.

    ResponderExcluir
  21. é só adicionar o gadget e usar esse código: Conteúdo diferente nas paginas do blog para mostrar somente na pagina do arquivo

    ResponderExcluir
  22. Fabiano tem alguma taxa no envio da mensagem? se tem é quanto?

    ResponderExcluir
  23. Rosiel T.S.
    envio de mensagem?... está falando da mensagem para cadastrar o celular? acho que não tem taxa... pelo menos que fiz nem notei rsrs

    ResponderExcluir
  24. Fabiano uma fez eu coloquei os comentários do Facebook, mas foi por esse endereço http://developers.facebook.com/docs/reference/plugins/comments/ e só foi escolher o jeito que queria e colocar o código no html, é a mesma coisa desse post?

    Ah Fabiano eu ia pedir pra fazer essa postagem mas sempre esquecia rsrs.

    ResponderExcluir
  25. Rosiel T.S.
    não é a mesma coisa.

    se criar pela pagina que falou, colocando o endereço do seu blog então criará uma(somente uma) caixa de comentários ou seja se colocar o código no lugar dos comentários eles ficarão todos juntos não importa em qual postagem esteja

    isso pode ser util se quiser colocar como um gadget na barra lateral do blog, mas não como comentário das postagens

    ResponderExcluir
  26. o meu nao esta indo...eu ja tinha colocado outro codigo desse blog e deu conflito =[ como posso resolver?

    aparece isso: O plugin de comentários requer um parâmetro href.

    html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema'

    ResponderExcluir
  27. Aline von Hohendorff Maas
    veja se não faltou algum sinal na hora de colar os códigos...


    por exemplo o trecho que postou falta o < no começo

    <html b:version='2' class='v2' exp.....

    ResponderExcluir
  28. ah, eu tive que tirar o < do inicio e final do codigo para postar pois senao o comentario nao ia...=[

    ResponderExcluir
  29. ok, mas já testou ou procurou por detalhes... só pode ser isso

    ResponderExcluir
  30. Legal gostei mt vou colocar no meu ele tá em fase de início e precisa de visitas muito obrigada

    ResponderExcluir
  31. o meu é o mesmo que o da Aline

    aparece isso: O plugin de comentários requer um parâmetro href.

    ja verifiquei os codigos mais não ta funcionando Alguem me ajuda :)

    ResponderExcluir
  32. jdhon Ferreira
    o facebook está fazendo alterações nos seus códigos...

    assim que possível vamos publicar um novo tutorial sobre o assunto

    mas essas alterações de códigos na pagina do blogger são mesmo complicadas de fazer

    ResponderExcluir
  33. e como faz para tirar a opção dos comentários próprio do blogger?

    ResponderExcluir
  34. Erico Graeff Fotografia
    entre nas Configurações >> Postagens e comentários e use a opção não exibir comentários

    veja a penultima imagem deste post

    ResponderExcluir
  35. eu tentei colocar e o codigo ajudou muito, mas ta dando um erro!
    diz: "O plugin de comentários requer um parâmetro href." socorro!
    rsrsrs

    ResponderExcluir
  36. Ricardo
    colocou os codigo corretamente?

    tente excluir o historico de internet pode ser erro de carregamento de pagina...

    ResponderExcluir
  37. Instalei, mas no consigo comentar, fica dando erro sorry a temporary error has occurred. please try again. EAE??? vlw

    ResponderExcluir
  38. essa parte nao da pra entender nada

    Colocar os Códigos do Facebook no Blog

    e o meu html nao tem isto

    ResponderExcluir
  39. jeferson
    é para alterar a linha html xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema' b:version='2' class='v2' ....

    adicionando o trecho do facebook

    e depois colocar a outra linha de código um pouco mais abaixo do html

    meta property="fb:app_id" content="APP ID

    mas usando o seu APP ID (codigo do aplicativo do facebook)

    ResponderExcluir
  40. Fabiano, tenho muitas dúvidas...

    1) Eu uso um design escuro no meu blog, quando apliquei os comentários de facebook, o app também ficou preto, quando escrevo algum comentário fica com a cor da fonte cinza bem escuro, assim as pessoas não enxergam o comentário, como mudar a cor ou algo do tipo?

    2) Aprendi aqui a colocar balões ao lado do título das postagens para contar os comentários, como faço para que conte também os comentários do facebook?

    3) Exite alguma integração mais dinâmica entre os comentários do blogger e os do Face? Tipo, quero deixar as duas possibilidades de comentário, só que de uma forma mais elegante.

    ResponderExcluir
  41. Sombra os comentários do facebook no blog são uma "improvisão" ou seja nem tudo é perfeito... não tem como usar os balões e quanto a formatação só tem as opções oferecidas pelo facebook

    ResponderExcluir
  42. e muito legal eles dar essas dicas.
    eles pode ajudar muitas pessoas que nao sabem postar comentarios no blog.
    muito obrigada bjs

    ResponderExcluir
  43. Fabiano,


    Eu criei meu aplicativo através do developers.facebook.com/apps e Adicionei o Sitema de comentários através do 'comments' do plug social do Facebook!!

    Aí algumas pessoas comentaram, e eu queria excluir alguns comentários, então entrei na página de moderação do meu aplicativo, mas lá dizia que eu não tinha 'comentários recentes'

    O que eu faço????

    ResponderExcluir
  44. Marcos Vinicius
    o unico jeito de excluir é pela pagina do facebook, mas é estranho você dizer que não achou os comentários...

    veja se criou mais de um aplicativo e está em outro

    ResponderExcluir
  45. Mesma situação a minha ... esse tal de ‘O plugin de comentários requer um parâmetro href’ ... não consigo corrigir isto.

    ResponderExcluir
  46. Daniel Felipe
    talvez faltou algum detalhe na configuração, apagou alguma letra ou sinal do código por engano

    ResponderExcluir
  47. Fabiano, sobre o comentário acima ↑ ↑


    Eu apaguei todos os aplicativos existentes e criei apenas 1 e também editei no meu blog para este aplicativo que criei, mas ainda diz que eu não tenho comentários > sendo que alguns visitantes já comentaram...

    Mas também acho que é por causa do jeito que instalei esses comentários!! Vou fazer igual seu post pra ver se vai dar certo, se não der, talvez seja meus aplicativos, mas também aceitaria uma sugestão sua

    ResponderExcluir
  48. quando fiz o tutorial testei em outro blog, mas não tenho como mostrar pois já fiz novos testes nele e troque o template completamente

    ResponderExcluir
  49. Olá como já havia dito ainda continuo com o mesmo problema, ñ conseguindo arrumar.

    aparece isso: O plugin de comentários requer um parâmetro href.

    ja verifiquei todos os codigos mais não ta funcionando, e até hoje ainda ñ funcionou

    Alguem me ajuda :\

    ResponderExcluir
  50. @jdhon Ferreira você criou o aplicativo no facebook e colocou o numero no local indicado
    FB.init({appId: 'APPID', status: true, cookie: true

    sinceramente não sei porque deu erro no seu template esse tutorial funcionou para a maioria dos blogs

    ResponderExcluir
  51. @Fabiano Roberto

    Agora deu certo, do mesmo jeito que esta no tutorial eu comentei e vi os comentarios na moderaçao!!!

    MAS do jeito que fiz NOS COMENTARIOS acima (adicionando direto do plu social) realmente nao modera os comentarios publicados!!!

    NAO SEI PORQUE

    Sugestao: coloque na postagem como podemos definir o tamanho do comentario

    ResponderExcluir
  52. Fabiano,

    Consegui instalar o comentário do Facebook no Blogger através desse tutorial, mas o comentário ficou grande então eu fiz um comentário aí antes...

    Depois de ter feito esse comentário eu fui pesquisar sobre como mudar o tamanho desse comentário (o comentário do Plug Social é personalizavel, mas ele não Modera comentários) Então entrei no Google Search Translate e procurei em alguns sites americanos e entrei num site que mostrava como fazer o comentário, mas é um pouco diferente deste aqui e igual ao do Plug, então eu fui adicionando e removendo, até que misturei alguns códigos do seu tutorial com o do site americano, e quando fui visualizar meu blog, o comentário saiu igual ao que eu queria e persoalizavel, coisa que eu não consegui no comentário acima, e pode Moderar... Ou seja consegui fazer do jeito que queria misturando alguns códigos seus ( do seu tutorial ) aí ficou os dois comentários, fui seguindo alguns passos e removi um deles!!

    MAS O LEGAL É QUE DEPOIS QUE CRIEI O COMENTÁRIO, ELE APARECE ABAIXO DA POSTAGEM INCORPORADA, OU SEJA, VOCÊ NÃO PRECISA IR NA POSTAGEM PARA COMENTAR:

    FABIANO SE QUISER VER COMO FICOU É SÓ ENTRAR NO BLOG: facebookperfeito.blogspot.com criei ele ontem

    Nunca deixei o link dos meus blogs no seu site é a primeira vez, se quiser ver o outro que modifiquei graças as suas dicas: é o frasesperfeita.blogspot.com

    ENTÃO VALEU PELA DICA, JÁ TINHA VISTO ELA, MAS SÓ AGORA QUE TENTEI...

    VISITO TEUS BLOGS TODOS OS DIAS PRA VER SE TEM DICA NOVA, NÃO SEI SE PERCEBEU, MAS EU TENHO INÚMEROS COMENTÁRIOS NO SEU BLOG!!

    VALEU!!

    ResponderExcluir
  53. @Marcos Vinicius vou procurar esses outros tutoriais e talvez fazer outra postagem sobre os comentários do facebook

    ResponderExcluir
  54. Qual parte desse código que faz co
    que o comentário apareça só na p
    que quisermos??

    ResponderExcluir
  55. @Anônimo para colocar somente em alguns posts do blog tem que criar a caixa de comentários com a url da sua pagina, diretamente aqui
    http://developers.facebook.com/docs/reference/plugins/comments/

    mas não poderá colocar em um gadget porque os comentários feitos apareceram em todas as paginas.

    se fizer isso precisa colocar o código dentro da postagem

    ResponderExcluir
  56. Fabiano Eu sou o ANÔNIMO aí de cima; fiz exatamente como você pediu, o comentário ficou perfeito, mas eu comentei e entrei na página de moderação como você disse aí no post, mas não lá fala que não tem comentário; aí eu mandei minha prima comentar e ela comentou e eu entrei de novo na página de moderação mas lá fala a mesma coisa "sem comentários"; eu fiz alguma coisa errada ou esses tipos de comentários não tem como moderar?

    ResponderExcluir
  57. Quando tento entrar na pagina citada "http://developers.facebook.com/setup"

    Aparece isso =/

    Sua conta deve ser verificado antes de poder tomar esta ação. Por favor, verificar a sua conta, adicionando o seu celular ou Cartão de Crédito .

    Alguem pode me ajudar ?

    ResponderExcluir
  58. Galera, estou tentando entrar no http://developers.facebook.com/setup, e so da esta mensagem.....Sua conta deve ser verificado antes de poder tomar esta ação. Por favor, verificar a sua conta, adicionando o seu celular ou Cartão de Crédito .
    O que devo fazer...?

    ResponderExcluir
  59. precisa colocar o numero de celular para verificar a conta

    ResponderExcluir
  60. agora consegui...show
    mais aqui..como diminuo a largura?
    abraços

    ResponderExcluir
  61. Valeu pela dica!
    headban.blogspot.com

    ResponderExcluir
  62. valeu valeu mesmo ficom muito grato;;;;

    ResponderExcluir
  63. a largura se ajusta ao blog automaticamente

    ResponderExcluir
  64. Tudo certim Fabiano, mas como fa
    para que o comentário fique do
    tamanho do layout do blog?

    ResponderExcluir
  65. é estranho dizer isso nos testes que fiz a largura se ajustou automaticamente.

    mas pode colocar o código todo do facebook dentro de divs, assim:

    <div style="width:300px">codigo do facebook</div>

    ResponderExcluir
  66. O que é esse código do Facebook?

    ResponderExcluir
  67. é o código que você que mostramos no tutorial

    ResponderExcluir
  68. minha opinião disse...
    vou postar mais um recardo mais esse é como anuncio para o que vem por ai grandes autoras cantoras e compositoras gostaria que elas arrase no futuro eu acho que o nome da banda vai ser as panteras e são três amigas que vão cantar elas cantão pra valer eu disse a elas para colocar uns videos na net ficarão um poquinho em duvida mais resolveram postar os videis vai ser nesse sábado 03 de dezembro deste ano gostaria que acessacem no site despois eu passo o saite para vocês.

    ResponderExcluir
  69. Olá,

    Aqui funcionou, porém essa mensagem aparece 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 tirar vantagem de todos os recursos do aplicativo."

    O que seria?

    Obrigado!

    ResponderExcluir
  70. Oi meu nome é Hélio e o meu blog é o www.desenhadinho.com, venho trazer uma solução para algumas pessoas segue abaixo:


    PRA QUEM ESTÁ SOFRENDO COM ESSE ERRO:

    The comments plugin requires an href parameter.

    CERTAMENTE VOCÊ FEZ ISSO:

    As chances são que você aprendeu a técnica de blogs online. Você está usando um código algo assim ...


    or




    PARA CORRIGIR USE ISSO:


    expr:href='data:post.url'

    ResponderExcluir
  71. boa sugestão é que o facebook faz o código para sites em geral e não para o blogger especificamente

    ResponderExcluir
  72. Entendi, mas onde eu aplico esse código? > expr:href='data:post.url'

    ResponderExcluir
  73. vou fazer alguns testes e publicar uma atualização deste tutorial

    ResponderExcluir
  74. O que quer dizer marcar a opção
    'comentário popular' na moderaçã
    comentários?

    ResponderExcluir
  75. cara, ótimo tutorial, fiz ele ontem e funcionou certinho.
    hoje estava colocando botoes de curtir, compartilhar e tuitar nas postagens, nao mexi em momento algum no codigo dos comentarios do facebook e ele sumiu das minhas postagens. apaguei todos os codigos e refiz todo o processo e nao deu certo, ele nao aparece no meu blog...
    o que será que pode ter acontecido?

    ResponderExcluir
  76. Valeu ai, testei no meu blog e funcionou maneiro. Obrigado

    ResponderExcluir
  77. @Jonas Santos talvez gerou algum erro devido a usar varios códigos juntos.

    mas tente colocar novamente o código do botão

    ResponderExcluir
  78. @Marcos Vinicius onde viu a opção comentario popular?

    não sei do que você está falando

    ResponderExcluir
  79. Fabiano estou precisando de ajuda! Eu fiz absolutamente tudo certo, tudo detalhadamente seguindo o seu tutorial, porém eu nao consigo visualizar essa caixa de comentários do Facebook. Por favor, o que eu devo fazer?

    ResponderExcluir
  80. no final de semana vou publicar uma atualização deste tutorial, estou fazendo testes mas estou com pouco tempo essa semana.

    ResponderExcluir
  81. ótimo, falta só usufruir desta ferramenta!!!

    ResponderExcluir
  82. Eu fiz tudo mas ainda não apareceu, gostaria de saber se demora muito para funcionar...

    ResponderExcluir
  83. Fernando consegui aqui cara muito obrigado... tenho uma dúvida mas é referente ao outro post, vou deixar lá, pois pode servir de ajuda para os demais leitores..

    ResponderExcluir
  84. @Júniorok vou olhar e responder o outro comentário

    ResponderExcluir
  85. Oi, eu segui o código e a caixa de comentários apareceu. Mas esta aparecendo uma msg logo abaixo da caixa de comentarios do facebook no blog:

    'O site (meu blog) está inacessivel'

    Tmb nao consego mais enviar um link do blog pelo facebbok.

    O que poderia ser isso?

    ResponderExcluir
  86. vou testar novamente os códigos, mas deve ter ocorrido alguma mudança interna no facebook ou no blogger porque no inicio quando publiquei esse tutorial sempre deu certo

    ResponderExcluir
  87. você pode criar um aplicativo no faceboo (app id)

    ResponderExcluir
  88. Olá Fabiano...Em primeiro lugar,seu post foi o mais explicado q eu encontrei.Então,na primeira vez q eu tentei colocar os comentários do face no meu blog aconteceu um erro fatal,os comentarios ficavam em todos os posts...Mais com o seu post eu consegui finalmente colocar e os comentarios ficam no mesmo post...Mais por causa desse erro meu na primeira vez q tentei colocar os comentarios do face no meu blog,aconteceu q em ALGUNS posts ficaram dois sistemas de comentarios do facebook,um abaixo do outro,mais funcionam normalmente...Eu queria saber como eu deixo só um sistema de comentario????
    Entra no meu perfil,depois entra no meu blog e vê os posts se vocÊ não entendeu a minha pergunta!

    ResponderExcluir
  89. @Kayo dois sistemas de comentarios? quer dizer o do blogger e do facebook juntos?

    se for entre em configurações >> postagens e comentários

    lá tem a opção: local do comentário, então escolha a opção ocultar

    assim vai retirar os comentários do blogger de todos os posts (quero dizer ocultar pois se mudar de idéia e voltar a mostrar os comentários esses que recebeu no blogger continuaram lá)

    ResponderExcluir
  90. Olá Fabiano, eu queria saber por que quando a primeira pessoa comenta e a página é recarregada aparece a mensagem: Warning: ... is unreachable?

    ResponderExcluir
  91. Olá Roberto eu gostaria de sabe se tem como reduzir o tamanho da caixa de comentário do blogger, para que possa se encaixa com meu blogger, fico esperando pela resposta!
    valeu, e as dicas são Ótima ou melhor a Única que deu Certo, parabéns

    ResponderExcluir
  92. Olá Fabiano...Você não entendeu minha pergunta...São dois sistemas de comentários,os dois do facebook, ficou duplicado!!!
    Eu consigo excluir um,mais não consigo excluir o outro!!!
    Me ajuda!

    ResponderExcluir
  93. @Vitor Figueredo quando publiquei esse tutorial estava dando certo em todos os templates, mas parece que ocorreu alguma mudança internar nos sites e agora dá erros em alguns templates

    vou fazer outro tutorial sobre o assunto

    ResponderExcluir
  94. @Kayo a unica explicação que consigo pensar é ter duas vezes o código do facebook no seu blog.

    já tentou usar o crtl F para procurar no html

    ResponderExcluir
  95. Já tentei sim Fabiano, mas não acho o código do plugin de comentários...O único jeito q eu consegui remover os dois sistemas foi excluindo um código de java script do facebook

    Mas quando eu exclui, todos os plugins do facebook sumiram também...E agora??

    ResponderExcluir
  96. @Kayo terá que voltar o código no lugar

    você marcou para expandir o modelo de widgets na hora de procurar?

    ResponderExcluir
  97. Olá Roberto eu gostaria de sabe se tem como reduzir o tamanho da caixa de comentário do blogger, para que possa se encaixa com meu blogger, fico esperando pela resposta!

    ResponderExcluir
  98. a largura é automatica

    mas veja se no código que usou tem width: ou algo parecido então diminua o valor que estiver.

    ResponderExcluir
  99. Olá Parabéns pelo Blog! É de muita ajuda! Quando vou seguir as suas dicas, e entro no link, ele aperece uma janela diferente desta ai que vc colocou a imagem. Aparece o seguinte >>>>>>>
    Novo Aplicativo
    (e pede para colocar, Nome de exibição do aplicativo:) O que seria isso?

    ResponderExcluir
  100. para usar os comentários do facebook precisa criar um aplicativo seria um especie de referencia do seu blog

    ResponderExcluir
  101. Como faço para aparecer para fazer comentarios do blogger e facebook ao mesmo tempo ?

    ResponderExcluir
  102. pode deixar os comentarios blog e adicionar o código do facebook

    mas ultimamente os comentários do facebook tem apresentado problemas no blogger

    ResponderExcluir
  103. Não consegui confirmar meu Facebook --'
    o Código não chega

    alguém me ajuda ai

    ResponderExcluir
  104. @Fuck Yea isso depende um pouco do volume de trafego do site, se não receber a mensagem para confimar tente mais tarde.

    ResponderExcluir
  105. Muito bom, mais prefiro o DISQUs ;)

    Recomendo, e não tem nenhuma complicação.

    E pode responder para os que comentário pelo "responder" ou só colocar no comentário @nome

    Bom de mais o dISQUS

    ResponderExcluir
  106. O meu também está dando o erro já citado acima

    "Atenção: (site) é inacessível."

    Vi uma configuração de atualização na pagina de desenvolvedores em que você inclui um 'migrated=1' na tag , mas quando ponho dá erro, dizendo que o fechamento da tag não está lá (/>) mesmo estando...

    ResponderExcluir
  107. concordo os comentários do facebook estão mesmo gerando varios erros dependendo do template do blogger que cada um usa.

    ResponderExcluir
  108. Erro "Atenção: (Seu site) é inacessível."

    Resolvi pessoal! É o seguinte:

    Vão em https://developers.facebook.com/apps

    Escolha o aplicativo do seu site na lateral esquerda e depois cliquem em "Editar aplicativo".

    Na nova página que abrir, preencha "App domain" com o nome do seu site sem "http", "www", nada disso, apenas, por exemplo: "seusite.blogspot.com"

    Após isso, role tela abaixo até ver "Selecione como seu aplicativo se conecta ao facebook" e, logo abaixo, clique em "Website". Aí sim você coloca a URL, por ex.: "http://seusite.blogspot.com". Depois é só clicar em "Salvar alterações".


    Espero ter ajudado,
    Abraços!

    ResponderExcluir
  109. Show de bola Fabiano... Não consegui com outros tutoriais mas os seu foi infalível.
    Valeu.

    ResponderExcluir
  110. No meu template não funcionou, mas resolvi o problema juntando os dois códigos fornecidos pelo Facebook (o menor sobre do maior)no código javascript. Só que os comentários funcionam para o site ou blog como um todo (o que, na minha opinião, é mais importante) e não para uma postagem específica.

    ResponderExcluir
  111. se achou uma solução é isso que importa

    ResponderExcluir
  112. Aeeee @luribarbosa !!!

    Ajudou sim e muito!!!

    Parabéns pelo site e obrigada a todos os que colaboram. !!!

    ResponderExcluir
  113. Fabiano, consegui colocar no meu blog, mas a largura não se adequa a largura do post. Tem como resolver isso ?
    Aguardo resposta !

    ResponderExcluir
  114. Eu estava a procura desse tuto há tempos!!!!
    Agora meu blog ficou mais lindo =]
    Valeu!

    ResponderExcluir
  115. Matheus Binotto
    mas ficou muito diferente? se foi só um pouco pode ser por causa das margens do CSS

    ResponderExcluir
  116. Muito bom esse post. faz tempo que eu estava tentando. Mas acho que você(s) vão ter que atualizar este post, por que o link da pagina não vai da na mesma pagina que vc mostra.

    ResponderExcluir
  117. Tiago Sérgio
    nós vamos fazer outra postagens sobre comentarios do facebook no blog e colocar algumas outras opções, mas vamos esperar um pouco por causa das mudanças recentes nos sistemas de comentários do blogger: Como Resolver Problemas Respostas com os Comentarios do Blogger

    porque as alterações internas do blogger está dando problemas em outros códigos ou seja poderiamos fazer o tutorial hoje e amanhã o blogger alterar algumas coisas que esse tutorial não iria funcionar e por causa disso vamos aguardar mais um pouco.

    ResponderExcluir
  118. Ficou bem diferente ! Como eu altero as margens do CSS ?
    OBRIGADO !

    ResponderExcluir
  119. Matheus Binotto
    o CSS está no html do seu blog, mas é dificil achar o lugar certo.

    veja aqui: Achar e Resolver Problemas com Códigos HTML no Blog

    isso vai ajudar achar o trecho do html e verificar os problemas de margem

    ResponderExcluir
  120. Olha esse erro http://testepp.blogspot.com/2011/01/sorte-gente-nao-ve-por-aqui.html o que fazer?

    ResponderExcluir
  121. os erros nos comentarios estão dificeis de resolver porque o blogger alterou os códigos e ainda tem bugs atrapalhando tudo

    ResponderExcluir
  122. Onde exatamente ponho este código abaixo para alterar o tamanho?
    Pois ficou completamente desajustado

    div style="width:300px">codigo do facebook</div


    Fico no aguado
    abraços

    ResponderExcluir
  123. se não deu certo do jeito que falei tente colocar nesta linha
    div id='fb-root' a largura, fica assim

    div style="width:300px" id='fb-root'/

    ResponderExcluir
  124. Tambem nao deu.. :(
    nao deu erro, mais nao alterou o tamanho

    No codigo de antes, o codigo do facebook seria o APPID ?
    Abraços

    ResponderExcluir
  125. então acho que o seu template tem algo que não deu certo no formulario do facebook, porque ele sempre se ajusta a largura das postagens

    ResponderExcluir
  126. Então sera impossivel ?
    o facebbok disponibiliza criar o tamanho , da uma olhada
    https://developers.facebook.com/docs/reference/plugins/comments/

    Onde posso colocar o codigo gerado pelo facebook ?
    Abraço

    ResponderExcluir
  127. tente alterar a ultima linha assim:

    fb:comments expr:href='data:post.url' width='470'/


    e ajustar o valor 470

    ResponderExcluir
  128. Este comentário foi removido pelo autor.

    ResponderExcluir
  129. Cara ... VC É UM GENIO !!!
    Parabens pelo seu site, de todos os que dao dicas, o seu é o mais bem explicado e com soluções fáceis, alem desse apoio !!
    Muitíssimo obrigado msm !!
    deu super certo !!!!!
    Abração

    ResponderExcluir
  130. eu fui tentar e apareceu o meu perfil no lugar da pagina,isso é certo?

    ResponderExcluir
  131. Não consegui colocar os comentários do Facebook no meu Blogger !!! Alguém pode me explicar melhor como fazer ???

    ResponderExcluir
  132. Os comentários estão repetindo em todas as postagens... O que faço pra resolver isso?

    ResponderExcluir
  133. infelizmente os comentários do facebook e do blogger tem apresentado problemas que não temos como resolver

    ResponderExcluir
  134. olá Fabiano, consegui colocar a caixa ela ta perfeita e funcionado corretamente! gostaria eu de saber se tem como limitar o numero de comentários por postagem, mostrando as ultimas 5 postagens e um link exibir todos os comentários, obrigado pelo excelente tutorial!

    ResponderExcluir
  135. muito obrigado pela dica amigo, deu certo aqui tudo perfeito, site de vc é muito bom ta de parabéns...brigadão

    ResponderExcluir
  136. parece que o limite de numero de comentários é algo que o proprio facebook faz

    ResponderExcluir
  137. estou adorando esse site/blog vou testar no meu blog!!

    ResponderExcluir
  138. NOSSA!! Perfeito! Muito bom, vocês são ótimos!! Obrigada! :D

    ResponderExcluir
  139. Cara, faz por favor um tutorial ensinando como faz pra por os dois sistemas de comentários juntos (Facebook e Blogger), ai o leitor pode escolher como comentar, tipo fazer 2 janelas a de Facebook e a do Blogger.

    Um outro blog ensina isso, mas acho que o tutorial dele tá errado, por que fiz tudo que ele mandou e não deu certo! :(

    ResponderExcluir
  140. Fabiano, estou num dilema:
    Desativei os comentários do blogger, com isso, some o link para comentar na pagina inicial do blog. Tem alguma forma de colocar um link para comentar com o facebook?
    beijos

    ResponderExcluir
  141. Lalli Carvalho
    vou fazer uns testes sobre isso e publicar um tutorial se possível.

    ResponderExcluir
  142. Só aki que não funciona?????? Que droga! Ajuda aê!

    ResponderExcluir
  143. EU fui tentar a apreceu outra janela ai falou que minha conta não era confirmada mais é sim e pediu o numero do celular faz 30 minutos que o código não chega e eu já pedi pra reenviar e coloquei até outros telefones.

    ResponderExcluir
  144. tenho um blog, peguei um template no btemplates.com e estou tentando instalar esse formato de comentários e não consigo !

    ResponderExcluir
  145. Gabriel Pessoa
    em templates modificados é mais complicado instalar porque tem codigos diferentes.

    João Vitor
    infelizmente tem que confirmar a conta antes de criar aplicativos não tem outro jeito

    ResponderExcluir
  146. Como retirar essa mensagem que apareceu depois que eu fiz as mudanças
    "
    L informada não é permitida pela configuração do aplicativo.: Uma ou mais das URLs mencionadas não são permitidas pela Configuração do aplicativo. Ela deve corresponder a umas das URLs Canvas ou Connect ou o domínio deve ser o mesmo que o subdomínio de um dos domínios da base do aplicativo."

    Meu blog - http://www.comunidadestalin.blogspot.com/

    ResponderExcluir
  147. Aqui funcionou normalmente! Obrigado pelo tutorial!!!

    ResponderExcluir
  148. Funcionou, vlw! O unico tuturial que funcionou! Brigadao!!!

    ResponderExcluir
  149. Fabiano, o meu developers parou de coletar os comentários enviados pelos leitores. Será algum problema que aconteceu? Apesar de o comentário ficar certinho no post, e por um bom tempo (mais de um mes, o developers captar certinho cada mensagem), agora ele só fica disponível no post, porém eu não consigo ver nem bloquear um comentário.

    O que pode ser?

    Agradecido

    ResponderExcluir
  150. DTC marcas


    tente entrar nesse link para moderar os comentários

    http://developers.facebook.com/tools/comments

    mas faça login no facebook antes senão o link dá erro.

    ResponderExcluir
  151. Fala Manu eu queria saber ser Tem como almenta a largura pelo menos 580 Pode ser abraço

    ResponderExcluir
  152. Adriano Ferreira

    altere a linha



    o trecho width='450' é a largura

    ResponderExcluir
  153. eu faço tudo q vc manda fazer .más ficaaparecendo uma imagem em baixo do comentario do facebook que diz
    Aviso: http://madeinmusic.blogspot.com.br/2012/03/jjujnbbhbbbjcfb.html é inacessível.
    e mais no meu html eu acho dois desse aqui q vc manda procurar
    <--- class='post-footer-line post-footer-line-1'/>
    coloquei essas barras pq o seu site nao aseita a tag
    e sem a barra invertida.
    Pq isso acontece?

    ResponderExcluir
  154. made in musica
    veja as configurações do aplicativo do facebook e se colocou a numeração correta no código que mostramos (ID do aplicativo)

    ResponderExcluir
  155. Fabiano Roberto esse trexo aki
    "fb:app_id" content="APP ID"
    tem q substituir APP ID q vc falou,e esse trexo aki fica ou tem q substituir tb app_id

    ResponderExcluir
  156. é para trocar o trecho APP ID, por exemplo:

    "fb:app_id" content="123456789"

    ResponderExcluir
  157. Não consigo criar o aplicativo, porque na parte onde esta "espaço nome do aplicativo" nao deixa eu botar a url inteira... fica somente http://infostartnet. porq????

    Outra coisa ja enviei sms varias vezes para o facebook e nao tive retorno, como vou conseguir o APP ID

    Desde já agradeço, qualquer comentario que me ajude!!!

    ResponderExcluir
  158. Marthin Thiago [Adm]
    sem conseguir cadastrar seu celular para criar o aplicativo no facebook não tem como usar esse tutorial.

    o jeito é tentar novamente, mas exclua o histórico de internet do seu computador ele pode ter alguma erro.

    ResponderExcluir
  159. Ola no meu html quando colocar para procurar

    div class='post-footer-line post-footer-line-1'/>

    aparece 2, onde coloco o codigo???

    ahh.. e no final la tbm nao aparece a / antes do >

    ResponderExcluir
  160. Fabiano Roberto vc pede pra a gente procurar esse código
    <--- class='post-footer-line post-footer-line-1'/>
    eu nao achei esse no meu blog em nenhum dos meus blogs,achei esse aqui
    <--- class='post-footer-line post-footer-line-1'>
    pra ser exato achei dois daí eu coloquei no primeiro.Essse código é valido.(que eu achei)
    OS TRAÇOS SAO PARA SUBSTITUIR UMA TAG Q NAO PODE COLOCAR NO COMENTÁRIO,VC SABE

    ResponderExcluir
  161. esses códigos variam um pouco, quando procurar no html seria mais facil usar o ctrl F e buscar por line-1

    ResponderExcluir
  162. Mayara Sousa
    no meu html foi no primeiro, mas se não der tente testar no outro

    ResponderExcluir
  163. Fabiano ja testei nos dois... Coloquei aqui mais so aparece em uma unica postagem os comentarios do facebook.
    http://testeteresina.blogspot.com.br/2012/04/dom-breguete-no-ar-livre-30-de-marco.html

    E nas outras nao. Ja s do blogger esta normal.
    Se vc visualizar outras postagens vera q nao aparece.

    ResponderExcluir
  164. Estou vendo esse tutorial... e esse outro ae q vc me repassou.
    Mais nenhum dos dois da certo.

    E como te falei só aparece em uma unica postagem os comentarios do facebook.
    http://testeteresina.blogspot.com.br/2012/04/dom-breguete-no-ar-livre-30-de-marco.html

    não da pra entender..

    ResponderExcluir
  165. Me diz como posso configurar o aplicativo de comentario do face.
    Vc disse q tem que colocar o link, so nao to sabendo onde? Abre aqui pra configurar mais estou colocando no lugar errado.

    ResponderExcluir
  166. tem que criar o aplicativo no facebook e depois colocar o numero dele nesta linha


    meta content='YOUR_FB_ID' property='fb:admins

    no lugar de YOUR_FB_ID

    ResponderExcluir
  167. rsrsr eu peguei e coloquei o sistema de comentarios do blogger e facebook juntos mais retirei o codigo do comentarios do blogger dai a caixa do facebook fica normal ela funciona nor sozinha dai não precisei criar app mais um amigo meu ta com uma duvida eu andei observando como saber se alguem comento pelo facebook aqui eu só comento pelo blogger com medo de vc não ver dai eu comento pelo blogger e me escrevo por email e quando vc responde eu recebo por email mais tem como saber se alguem cometo pelo facebook ?

    ResponderExcluir
  168. para ver os comentários do facebook entre nesta pagina

    http://developers.facebook.com/tools/comments

    lá você pode ver e moderar (aprovar) os comentarios feitos no seu blog

    ResponderExcluir
  169. Os meus comentários ficaram lá pra fora da área de postagem, o que eu faço? :(

    ResponderExcluir
  170. Sehziinha
    é proprio do estilo do seu template ele deixa os comentarios fora da postagem (termina a imagem ou cor de fundo)

    seria necessário alterar as cores e alguns códigos no template, mas não tenho com explicar porque na pagina editar html muitos códigos são diferente ainda mais porque seu template é personalizado

    ResponderExcluir
  171. Eu queria saber se tem como adicionar uma barra de rolagem ou uma opção qualquer pra diminuir e expandir o número de comentários que serão mostrados. No meu blog não estão aparecendo todos por falta de espaço e não tem como visualizar os mais antigos... estou com ele só no blog de teste ainda pois não consegui fazer isso funcionar direito :(

    Como está aparecendo
    http://testeelise.blogspot.com.br/2012/04/nunc-risus-quam.html

    ResponderExcluir
  172. a barra de rolagem não resolve o problema de não aparecer todos os comentários eles tem limite por quantidade de comentários

    ResponderExcluir
  173. tem alguma coisa errada não no seu tutorial e sim com o facebook sei lá alguma coisa em quase todos os blogs que entro apareçe isto inclusive o meu O plugin de comentários requer um parâmetro href.

    ResponderExcluir
  174. qual vantagem dos comentarios do facebook?
    isso ajuda a divulga ainda mais o blog quand da positivo nos comentario do facebook??

    ResponderExcluir
  175. ajuda a divulgar o blog no facebook e conseguir mais visitas.

    quando faz um comentário no blog ele aparece também no perfil da pessoa no facebook se estiver marcada a opção Publicar no Facebook

    ResponderExcluir
  176. cara mt bom isso mesmo vlw fabiano

    ResponderExcluir
  177. muito bom esse tutorial ta de parabés

    ResponderExcluir
  178. Eu amei o tutorial, amei a idéia. mas não consigo colocar!! Já tentei de várias formas, mudando de lugar várias vezes, e quando fica o comentário do facebook ele fica sobre os comentários do blogger. Daí é uma bagunça geral, não dá pra ler nada!! to triste! :(
    www.tomdobatom.com
    se puderem me ajudar!!
    Obrigada

    ResponderExcluir
  179. Acho q eu fiz algo errado olha ai... juventudensg.blogspot.com.br o comentários do face ficaram dentro do final da postagem... estranho... qual foi o erro?

    ResponderExcluir
  180. Bruno dos Santos Barbosa
    veja se não colocou o código em algum lugar errado

    Juliana Watanabe
    infelizmente em alguns templates dá erro

    ResponderExcluir
  181. Fiz tudo certo, mas ficou torto no site...
    http://trolllcrazy.blogspot.com.br/2012/05/omg-que-deli-ops-oh-wait.html

    ResponderExcluir
  182. talvez o motivo seja as modificações nos códigos do seu template.

    normalmente funciona melhor em templates padrão do blogger

    ResponderExcluir
  183. Ola... gostaria de saber só como mudar o tamanho... nao estou conseguindo no meu blog... o codigo q peguei nao é o daqui e nao tem o codigo de tamanho... alguem ai poderia me ajudar... vejam como esta www.musasdimais.com

    agradecido

    ResponderExcluir
  184. altere essa linha no final do código

    fb:comments expr:href='data:post.url' width='470'/

    ResponderExcluir
  185. Fabiano eu testei no blogger com template normal... ficou do mesmo jeito... alguma solução?

    ResponderExcluir