Assine nosso Feed


Melhores Dicas para Blogueiros

Passe o mouse e veja qual o assunto do tutorial de cada imagem

Colocar Comentários do Facebook 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:

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. Related Posts with Thumbnails
Link desta página
Comentários
194 Comentários

194 Comentários:

Marcia disse...

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

Bmviicio | Play Team disse...

Ótima post!
Configurando em meu blog.

Iguinho__- HQ disse...

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

Cristiane Marquesi disse...

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

Super baixador disse...

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.

Douglas Phoenix disse...

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?

Assessoria Patricinhas Suburbanas disse...

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

Anônimo disse...

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.

Lucio disse...

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

×  ·•Aℓσиє•· × disse...

Legal,tem alguma foto de como fica o resultado?

ϟ yαrαgoth disse...

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.

Fabiano Roberto disse...

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

Baixe Correto disse...

Mas fabiano é muito pesado.

Fabiano Roberto disse...

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

ϟ yαrαgoth disse...

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

Anônimo disse...

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?

Assessoria Patricinhas Suburbanas disse...

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

Fabiano Roberto disse...

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

Fabiano Roberto disse...

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

Customize Sempre disse...

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?

Carlos Vinícius disse...

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

Fabiano Roberto disse...

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

Anime Fox disse...

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.

Denilson disse...

Muito bom o post

Fabiano Roberto disse...

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

Rosiel T.S. disse...

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

Fabiano Roberto disse...

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

Rosiel T.S. disse...

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.

Fabiano Roberto disse...

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

Aline von Hohendorff Maas disse...

adorei!

Aline von Hohendorff Maas disse...

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'

Fabiano Roberto disse...

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.....

Aline von Hohendorff Maas disse...

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

Fabiano Roberto disse...

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

Anônimo disse...

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

jdhon Ferreira disse...

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 :)

Fabiano Roberto disse...

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

Erico Graeff Fotografia disse...

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

Fabiano Roberto disse...

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

Ricardo disse...

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

Fabiano Roberto disse...

Ricardo
colocou os codigo corretamente?

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

@evertonluks disse...

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

jeferson disse...

essa parte nao da pra entender nada

Colocar os Códigos do Facebook no Blog

e o meu html nao tem isto

Fabiano Roberto disse...

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)

Sombra disse...

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.

Fabiano Roberto disse...

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

Anônimo disse...

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

Marcos Vinicius disse...

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????

Fabiano Roberto disse...

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

Daniel Felipe disse...

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

Fabiano Roberto disse...

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

Marcos Vinicius disse...

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

Fabiano Roberto disse...

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

jdhon Ferreira disse...

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 :\

Fabiano Roberto disse...

@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

Marcos Vinicius disse...

@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

Marcos Vinicius disse...

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!!

Fabiano Roberto disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

@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

Gabriel disse...

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?

João Luis Santana disse...

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 ?

Fabiano Roberto disse...

@João Luis Santana cadastre o seu celular no facebook

Passos Tecnologia disse...

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...?

Fabiano Roberto disse...

precisa colocar o numero de celular para verificar a conta

Soh Pagode disse...

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

Dadinho disse...

Valeu pela dica!
headban.blogspot.com

Anônimo disse...

valeu valeu mesmo ficom muito grato;;;;

Fabiano Roberto disse...

a largura se ajusta ao blog automaticamente

Anônimo disse...

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

Fabiano Roberto disse...

é 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>

Anônimo disse...

O que é esse código do Facebook?

Fabiano Roberto disse...

é o código que você que mostramos no tutorial

minha opinião disse...

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.

Douglas Feer disse...

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!

Helio Tadeu Moscatelli disse...

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'

Fabiano Roberto disse...

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

Douglas Feer disse...

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

Fabiano Roberto disse...

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

Marcos Vinicius disse...

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

guilhermerera disse...

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?

Jonas Santos disse...

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

Fabiano Roberto disse...

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

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

Fabiano Roberto disse...

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

não sei do que você está falando

Furticoo disse...

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?

Fabiano Roberto disse...

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

Daniel de Queiroz disse...

ótimo, falta só usufruir desta ferramenta!!!

Júnior disse...

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

Fabiano Roberto disse...

era para funcionar na hora.

Júnior disse...

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..

Fabiano Roberto disse...

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

Áureo Ferreira disse...

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?

Fabiano Roberto disse...

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

Hyena Fuck Yeah disse...

como eu acho o meu app id?

Fabiano Roberto disse...

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

Kayo disse...

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!

Fabiano Roberto disse...

@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á)

Vitor Figueredo disse...

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

O Melhor Do Mundo disse...

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

Kayo disse...

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!

Fabiano Roberto disse...

@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

Fabiano Roberto disse...

@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

Kayo disse...

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??

Fabiano Roberto disse...

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

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

O Melhor Do Mundo disse...

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!

Fabiano Roberto disse...

a largura é automatica

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

Jhônata Adams Mendes Silva disse...

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?

Fabiano Roberto disse...

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

Angelo disse...

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

Fabiano Roberto disse...

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

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

Fuck Yea disse...

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

alguém me ajuda ai

Fabiano Roberto disse...

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

Bruninho disse...

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

Luri Barbosa disse...

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...

Fabiano Roberto disse...

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

@luribarbosa disse...

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!

Diego Martins disse...

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

Manders disse...

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.

Fabiano Roberto disse...

se achou uma solução é isso que importa

Cintia Torres disse...

Aeeee @luribarbosa !!!

Ajudou sim e muito!!!

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

Matheus Binotto disse...

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

Tha Contar disse...

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

Fabiano Roberto disse...

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

Tiago Sérgio disse...

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.

Fabiano Roberto disse...

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.

Matheus Binotto disse...

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

Fabiano Roberto disse...

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

Porca Pipa disse...

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

Fabiano Roberto disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

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'/

Anônimo disse...

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

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

Fabiano Roberto disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

tente alterar a ultima linha assim:

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


e ajustar o valor 470

&gt; disse...
Este comentário foi removido pelo autor.
Anônimo disse...

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

IDIOTAS MF disse...

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

Fabiano Roberto disse...

apareceu seu perfil onde?

Alexandre Loureiro de Sousa disse...

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

Anônimo disse...

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

Fabiano Roberto disse...

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

Anônimo disse...

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!

katisco.net disse...

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

Fabiano Roberto disse...

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

david disse...

estou adorando esse site/blog vou testar no meu blog!!

Ana Oliveira disse...

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

Anônimo disse...

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! :(

Lalli Carvalho disse...

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

Fabiano Roberto disse...

anonimo
acabei de publicar sobre o assunto agora a tarde (21/02/2012) - Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

Fabiano Roberto disse...

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

D. Rafael disse...

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

Fabiano Roberto disse...

veja esse outro tutorial: Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

João Vitor disse...

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.

Gabriel Pessoa disse...

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

Fabiano Roberto disse...

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

charles moraes disse...

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/

Fabiano Roberto disse...

charles moraes
veja esse outro tutorial sobre comentarios do facebook

Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

Padawan Sem Mestre disse...

Aqui funcionou normalmente! Obrigado pelo tutorial!!!

Diego Arndt disse...

Funcionou, vlw! O unico tuturial que funcionou! Brigadao!!!

DTC marcas disse...

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

Fabiano Roberto disse...

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.

Adriano Ferreira disse...

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

Fabiano Roberto disse...

Adriano Ferreira

altere a linha



o trecho width='450' é a largura

made in musica disse...

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?

Wanderson disse...

Funcionou Vlw

Fabiano Roberto disse...

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)

made in coldplay disse...

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

Fabiano Roberto disse...

é para trocar o trecho APP ID, por exemplo:

"fb:app_id" content="123456789"

Marthin Thiago [Adm] disse...

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!!!

Fabiano Roberto disse...

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.

Mayara Sousa disse...

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 >

made in coldplay disse...

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

Fabiano Roberto disse...

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

Fabiano Roberto disse...

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

Mayara Sousa disse...

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.

Fabiano Roberto disse...

Mayara Sousa

veja esse outro tutorial
Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

Mayara Sousa disse...

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..

Mayara Sousa disse...

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.

Fabiano Roberto disse...

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

Trollagem Memes disse...

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 ?

Fabiano Roberto disse...

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

Sehziinha disse...

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

Fabiano Roberto disse...

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

Sae Sawanoguchi disse...

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

Fabiano Roberto disse...

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

Trollagem Memes disse...

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.

Jose disse...

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

Fabiano Roberto disse...

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

Jose disse...

cara mt bom isso mesmo vlw fabiano

trollagem.net disse...

muito bom esse tutorial ta de parabés

Juliana Watanabe disse...

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

Bruno dos Santos Barbosa disse...

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?

Fabiano Roberto disse...

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

Juliana Watanabe
infelizmente em alguns templates dá erro

Postar um comentário