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

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

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.

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 == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/pt_BR/all.js';
e.async = true;
document.getElementById('fb-root').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.

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.

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.
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Ótima post!
ResponderExcluirConfigurando em meu blog.
Fabiano, como faz pra botar o Botton Curtir e Twittar a cada post do blog?
ResponderExcluirótima postagem, me ajudou muito.
ResponderExcluirdivulguei onde foi possível.
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.
ResponderExcluirQuando 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.
ResponderExcluirO q pode ser feito?
Olá Fabiano,
ResponderExcluirprimeiramente 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
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.
ResponderExcluirEu não tenho celular para confirmar a conta. Ñ tem algum outro tipo de adicionar comentario no facebook sem precisar cadastrar o celular?
ResponderExcluirLegal,tem alguma foto de como fica o resultado?
ResponderExcluirTentei 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.
ResponderExcluirMarcia
ResponderExcluirtambé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
Mas fabiano é muito pesado.
ResponderExcluirBaixe Correto
ResponderExcluirconcordo 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
Weee agora eu consegui!
ResponderExcluirObrigada por mais essa dica, Fabiano!
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?
ResponderExcluirOie Fabiano
ResponderExcluirentao 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
Anônimo
ResponderExcluiré muito estranho isso... o pior que precisa modificar as configurações... não lembro de outra maneira de mostrar os comentários
Assessoria Patricinhas Suburbanas
ResponderExcluirna maior parte das vezes isso é um erro temporario... tente novamente, mas exclua o histórico de internet antes para evitar erros devido ao cache
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.
ResponderExcluirO q pode ser feito?
Fabiano, nas páginas dos marcadores aparece uma mensagem do tipo:
ResponderExcluir"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
Carlos Vinícius
ResponderExcluirnã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
Mas pelo menos você sabe o código para colocar isso em um gadget HTML/javascript ?
ResponderExcluirDepois só eu programar para ele aparecer somente nas páginas de arquivos.
Muito bom o post
ResponderExcluiré só adicionar o gadget e usar esse código: Conteúdo diferente nas paginas do blog para mostrar somente na pagina do arquivo
ResponderExcluirFabiano tem alguma taxa no envio da mensagem? se tem é quanto?
ResponderExcluirRosiel T.S.
ResponderExcluirenvio de mensagem?... está falando da mensagem para cadastrar o celular? acho que não tem taxa... pelo menos que fiz nem notei rsrs
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?
ResponderExcluirAh Fabiano eu ia pedir pra fazer essa postagem mas sempre esquecia rsrs.
Rosiel T.S.
ResponderExcluirnã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
adorei!
ResponderExcluiro meu nao esta indo...eu ja tinha colocado outro codigo desse blog e deu conflito =[ como posso resolver?
ResponderExcluiraparece 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'
Aline von Hohendorff Maas
ResponderExcluirveja 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.....
ah, eu tive que tirar o < do inicio e final do codigo para postar pois senao o comentario nao ia...=[
ResponderExcluirok, mas já testou ou procurou por detalhes... só pode ser isso
ResponderExcluirLegal gostei mt vou colocar no meu ele tá em fase de início e precisa de visitas muito obrigada
ResponderExcluiro meu é o mesmo que o da Aline
ResponderExcluiraparece isso: O plugin de comentários requer um parâmetro href.
ja verifiquei os codigos mais não ta funcionando Alguem me ajuda :)
jdhon Ferreira
ResponderExcluiro 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
e como faz para tirar a opção dos comentários próprio do blogger?
ResponderExcluirErico Graeff Fotografia
ResponderExcluirentre nas Configurações >> Postagens e comentários e use a opção não exibir comentários
veja a penultima imagem deste post
eu tentei colocar e o codigo ajudou muito, mas ta dando um erro!
ResponderExcluirdiz: "O plugin de comentários requer um parâmetro href." socorro!
rsrsrs
Ricardo
ResponderExcluircolocou os codigo corretamente?
tente excluir o historico de internet pode ser erro de carregamento de pagina...
Instalei, mas no consigo comentar, fica dando erro sorry a temporary error has occurred. please try again. EAE??? vlw
ResponderExcluiressa parte nao da pra entender nada
ResponderExcluirColocar os Códigos do Facebook no Blog
e o meu html nao tem isto
jeferson
ResponderExcluiré 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)
Fabiano, tenho muitas dúvidas...
ResponderExcluir1) 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.
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
ResponderExcluire muito legal eles dar essas dicas.
ResponderExcluireles pode ajudar muitas pessoas que nao sabem postar comentarios no blog.
muito obrigada bjs
Fabiano,
ResponderExcluirEu 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????
Marcos Vinicius
ResponderExcluiro 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
Mesma situação a minha ... esse tal de ‘O plugin de comentários requer um parâmetro href’ ... não consigo corrigir isto.
ResponderExcluirDaniel Felipe
ResponderExcluirtalvez faltou algum detalhe na configuração, apagou alguma letra ou sinal do código por engano
Fabiano, sobre o comentário acima ↑ ↑
ResponderExcluirEu 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
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
ResponderExcluirOlá como já havia dito ainda continuo com o mesmo problema, ñ conseguindo arrumar.
ResponderExcluiraparece 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 :\
@jdhon Ferreira você criou o aplicativo no facebook e colocou o numero no local indicado
ResponderExcluirFB.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
@Fabiano Roberto
ResponderExcluirAgora 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
Fabiano,
ResponderExcluirConsegui 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!!
@Marcos Vinicius vou procurar esses outros tutoriais e talvez fazer outra postagem sobre os comentários do facebook
ResponderExcluirQual parte desse código que faz co
ResponderExcluirque o comentário apareça só na p
que quisermos??
@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
ResponderExcluirhttp://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
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?
ResponderExcluirQuando tento entrar na pagina citada "http://developers.facebook.com/setup"
ResponderExcluirAparece 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 ?
@João Luis Santana cadastre o seu celular no facebook
ResponderExcluirGalera, 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 .
ResponderExcluirO que devo fazer...?
precisa colocar o numero de celular para verificar a conta
ResponderExcluiragora consegui...show
ResponderExcluirmais aqui..como diminuo a largura?
abraços
Valeu pela dica!
ResponderExcluirheadban.blogspot.com
valeu valeu mesmo ficom muito grato;;;;
ResponderExcluira largura se ajusta ao blog automaticamente
ResponderExcluirTudo certim Fabiano, mas como fa
ResponderExcluirpara que o comentário fique do
tamanho do layout do blog?
é estranho dizer isso nos testes que fiz a largura se ajustou automaticamente.
ResponderExcluirmas pode colocar o código todo do facebook dentro de divs, assim:
<div style="width:300px">codigo do facebook</div>
O que é esse código do Facebook?
ResponderExcluiré o código que você que mostramos no tutorial
ResponderExcluirminha opinião disse...
ResponderExcluirvou 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.
Olá,
ResponderExcluirAqui 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!
Oi meu nome é Hélio e o meu blog é o www.desenhadinho.com, venho trazer uma solução para algumas pessoas segue abaixo:
ResponderExcluirPRA 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'
boa sugestão é que o facebook faz o código para sites em geral e não para o blogger especificamente
ResponderExcluirEntendi, mas onde eu aplico esse código? > expr:href='data:post.url'
ResponderExcluirvou fazer alguns testes e publicar uma atualização deste tutorial
ResponderExcluirO que quer dizer marcar a opção
ResponderExcluir'comentário popular' na moderaçã
comentários?
cara, ótimo tutorial, fiz ele ontem e funcionou certinho.
ResponderExcluirhoje 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?
Valeu ai, testei no meu blog e funcionou maneiro. Obrigado
ResponderExcluir@Jonas Santos talvez gerou algum erro devido a usar varios códigos juntos.
ResponderExcluirmas tente colocar novamente o código do botão
@Marcos Vinicius onde viu a opção comentario popular?
ResponderExcluirnão sei do que você está falando
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?
ResponderExcluirno final de semana vou publicar uma atualização deste tutorial, estou fazendo testes mas estou com pouco tempo essa semana.
ResponderExcluirótimo, falta só usufruir desta ferramenta!!!
ResponderExcluirEu fiz tudo mas ainda não apareceu, gostaria de saber se demora muito para funcionar...
ResponderExcluirera para funcionar na hora.
ResponderExcluirFernando 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@Júniorok vou olhar e responder o outro comentário
ResponderExcluirOi, 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:
ResponderExcluir'O site (meu blog) está inacessivel'
Tmb nao consego mais enviar um link do blog pelo facebbok.
O que poderia ser isso?
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
ResponderExcluircomo eu acho o meu app id?
ResponderExcluirvocê pode criar um aplicativo no faceboo (app id)
ResponderExcluirOlá 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????
ResponderExcluirEntra no meu perfil,depois entra no meu blog e vê os posts se vocÊ não entendeu a minha pergunta!
@Kayo dois sistemas de comentarios? quer dizer o do blogger e do facebook juntos?
ResponderExcluirse 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á)
Olá Fabiano, eu queria saber por que quando a primeira pessoa comenta e a página é recarregada aparece a mensagem: Warning: ... is unreachable?
ResponderExcluirOlá 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!
ResponderExcluirvaleu, e as dicas são Ótima ou melhor a Única que deu Certo, parabéns
Olá Fabiano...Você não entendeu minha pergunta...São dois sistemas de comentários,os dois do facebook, ficou duplicado!!!
ResponderExcluirEu consigo excluir um,mais não consigo excluir o outro!!!
Me ajuda!
@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
ResponderExcluirvou fazer outro tutorial sobre o assunto
@Kayo a unica explicação que consigo pensar é ter duas vezes o código do facebook no seu blog.
ResponderExcluirjá tentou usar o crtl F para procurar no html
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
ResponderExcluirMas quando eu exclui, todos os plugins do facebook sumiram também...E agora??
@Kayo terá que voltar o código no lugar
ResponderExcluirvocê marcou para expandir o modelo de widgets na hora de procurar?
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!
ResponderExcluira largura é automatica
ResponderExcluirmas veja se no código que usou tem width: ou algo parecido então diminua o valor que estiver.
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 >>>>>>>
ResponderExcluirNovo Aplicativo
(e pede para colocar, Nome de exibição do aplicativo:) O que seria isso?
para usar os comentários do facebook precisa criar um aplicativo seria um especie de referencia do seu blog
ResponderExcluirComo faço para aparecer para fazer comentarios do blogger e facebook ao mesmo tempo ?
ResponderExcluirpode deixar os comentarios blog e adicionar o código do facebook
ResponderExcluirmas ultimamente os comentários do facebook tem apresentado problemas no blogger
Não consegui confirmar meu Facebook --'
ResponderExcluiro Código não chega
alguém me ajuda ai
@Fuck Yea isso depende um pouco do volume de trafego do site, se não receber a mensagem para confimar tente mais tarde.
ResponderExcluirMuito bom, mais prefiro o DISQUs ;)
ResponderExcluirRecomendo, 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
O meu também está dando o erro já citado acima
ResponderExcluir"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...
concordo os comentários do facebook estão mesmo gerando varios erros dependendo do template do blogger que cada um usa.
ResponderExcluirErro "Atenção: (Seu site) é inacessível."
ResponderExcluirResolvi 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!
Show de bola Fabiano... Não consegui com outros tutoriais mas os seu foi infalível.
ResponderExcluirValeu.
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.
ResponderExcluirse achou uma solução é isso que importa
ResponderExcluirAeeee @luribarbosa !!!
ResponderExcluirAjudou sim e muito!!!
Parabéns pelo site e obrigada a todos os que colaboram. !!!
Fabiano, consegui colocar no meu blog, mas a largura não se adequa a largura do post. Tem como resolver isso ?
ResponderExcluirAguardo resposta !
Eu estava a procura desse tuto há tempos!!!!
ResponderExcluirAgora meu blog ficou mais lindo =]
Valeu!
Matheus Binotto
ResponderExcluirmas ficou muito diferente? se foi só um pouco pode ser por causa das margens do CSS
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.
ResponderExcluirTiago Sérgio
ResponderExcluirnó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.
Ficou bem diferente ! Como eu altero as margens do CSS ?
ResponderExcluirOBRIGADO !
Matheus Binotto
ResponderExcluiro 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
Olha esse erro http://testepp.blogspot.com/2011/01/sorte-gente-nao-ve-por-aqui.html o que fazer?
ResponderExcluiros erros nos comentarios estão dificeis de resolver porque o blogger alterou os códigos e ainda tem bugs atrapalhando tudo
ResponderExcluirOnde exatamente ponho este código abaixo para alterar o tamanho?
ResponderExcluirPois ficou completamente desajustado
div style="width:300px">codigo do facebook</div
Fico no aguado
abraços
se não deu certo do jeito que falei tente colocar nesta linha
ResponderExcluirdiv id='fb-root' a largura, fica assim
div style="width:300px" id='fb-root'/
Tambem nao deu.. :(
ResponderExcluirnao deu erro, mais nao alterou o tamanho
No codigo de antes, o codigo do facebook seria o APPID ?
Abraços
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
ResponderExcluirEntão sera impossivel ?
ResponderExcluiro 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
tente alterar a ultima linha assim:
ResponderExcluirfb:comments expr:href='data:post.url' width='470'/
e ajustar o valor 470
Este comentário foi removido pelo autor.
ResponderExcluirCara ... VC É UM GENIO !!!
ResponderExcluirParabens 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
eu fui tentar e apareceu o meu perfil no lugar da pagina,isso é certo?
ResponderExcluirapareceu seu perfil onde?
ResponderExcluirNão consegui colocar os comentários do Facebook no meu Blogger !!! Alguém pode me explicar melhor como fazer ???
ResponderExcluirOs comentários estão repetindo em todas as postagens... O que faço pra resolver isso?
ResponderExcluirinfelizmente os comentários do facebook e do blogger tem apresentado problemas que não temos como resolver
ResponderExcluirolá 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!
ResponderExcluirmuito obrigado pela dica amigo, deu certo aqui tudo perfeito, site de vc é muito bom ta de parabéns...brigadão
ResponderExcluirparece que o limite de numero de comentários é algo que o proprio facebook faz
ResponderExcluirestou adorando esse site/blog vou testar no meu blog!!
ResponderExcluirNOSSA!! Perfeito! Muito bom, vocês são ótimos!! Obrigada! :D
ResponderExcluirCara, 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.
ResponderExcluirUm outro blog ensina isso, mas acho que o tutorial dele tá errado, por que fiz tudo que ele mandou e não deu certo! :(
Fabiano, estou num dilema:
ResponderExcluirDesativei 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
anonimo
ResponderExcluiracabei de publicar sobre o assunto agora a tarde (21/02/2012) - Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo
Lalli Carvalho
ResponderExcluirvou fazer uns testes sobre isso e publicar um tutorial se possível.
Só aki que não funciona?????? Que droga! Ajuda aê!
ResponderExcluirveja esse outro tutorial: Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo
ResponderExcluirEU 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.
ResponderExcluirtenho um blog, peguei um template no btemplates.com e estou tentando instalar esse formato de comentários e não consigo !
ResponderExcluirGabriel Pessoa
ResponderExcluirem 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
Como retirar essa mensagem que apareceu depois que eu fiz as mudanças
ResponderExcluir"
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/
charles moraes
ResponderExcluirveja esse outro tutorial sobre comentarios do facebook
Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo
Aqui funcionou normalmente! Obrigado pelo tutorial!!!
ResponderExcluirFuncionou, vlw! O unico tuturial que funcionou! Brigadao!!!
ResponderExcluirFabiano, 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.
ResponderExcluirO que pode ser?
Agradecido
DTC marcas
ResponderExcluirtente 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.
Fala Manu eu queria saber ser Tem como almenta a largura pelo menos 580 Pode ser abraço
ResponderExcluirAdriano Ferreira
ResponderExcluiraltere a linha
o trecho width='450' é a largura
eu faço tudo q vc manda fazer .más ficaaparecendo uma imagem em baixo do comentario do facebook que diz
ResponderExcluirAviso: 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?
Funcionou Vlw
ResponderExcluirmade in musica
ResponderExcluirveja as configurações do aplicativo do facebook e se colocou a numeração correta no código que mostramos (ID do aplicativo)
Fabiano Roberto esse trexo aki
ResponderExcluir"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
é para trocar o trecho APP ID, por exemplo:
ResponderExcluir"fb:app_id" content="123456789"
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????
ResponderExcluirOutra 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!!!
Marthin Thiago [Adm]
ResponderExcluirsem 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.
Ola no meu html quando colocar para procurar
ResponderExcluirdiv 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 >
Fabiano Roberto vc pede pra a gente procurar esse código
ResponderExcluir<--- 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
esses códigos variam um pouco, quando procurar no html seria mais facil usar o ctrl F e buscar por line-1
ResponderExcluirMayara Sousa
ResponderExcluirno meu html foi no primeiro, mas se não der tente testar no outro
Fabiano ja testei nos dois... Coloquei aqui mais so aparece em uma unica postagem os comentarios do facebook.
ResponderExcluirhttp://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.
Mayara Sousa
ResponderExcluirveja esse outro tutorial
Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo
Estou vendo esse tutorial... e esse outro ae q vc me repassou.
ResponderExcluirMais 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..
Me diz como posso configurar o aplicativo de comentario do face.
ResponderExcluirVc disse q tem que colocar o link, so nao to sabendo onde? Abre aqui pra configurar mais estou colocando no lugar errado.
tem que criar o aplicativo no facebook e depois colocar o numero dele nesta linha
ResponderExcluirmeta content='YOUR_FB_ID' property='fb:admins
no lugar de YOUR_FB_ID
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 ?
ResponderExcluirpara ver os comentários do facebook entre nesta pagina
ResponderExcluirhttp://developers.facebook.com/tools/comments
lá você pode ver e moderar (aprovar) os comentarios feitos no seu blog
Os meus comentários ficaram lá pra fora da área de postagem, o que eu faço? :(
ResponderExcluirSehziinha
ResponderExcluiré 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
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 :(
ResponderExcluirComo está aparecendo
http://testeelise.blogspot.com.br/2012/04/nunc-risus-quam.html
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
ResponderExcluirtem 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.
ResponderExcluirqual vantagem dos comentarios do facebook?
ResponderExcluirisso ajuda a divulga ainda mais o blog quand da positivo nos comentario do facebook??
ajuda a divulgar o blog no facebook e conseguir mais visitas.
ResponderExcluirquando 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
cara mt bom isso mesmo vlw fabiano
ResponderExcluirmuito bom esse tutorial ta de parabés
ResponderExcluirEu 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! :(
ResponderExcluirwww.tomdobatom.com
se puderem me ajudar!!
Obrigada
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?
ResponderExcluirBruno dos Santos Barbosa
ResponderExcluirveja se não colocou o código em algum lugar errado
Juliana Watanabe
infelizmente em alguns templates dá erro
Fiz tudo certo, mas ficou torto no site...
ResponderExcluirhttp://trolllcrazy.blogspot.com.br/2012/05/omg-que-deli-ops-oh-wait.html
talvez o motivo seja as modificações nos códigos do seu template.
ResponderExcluirnormalmente funciona melhor em templates padrão do blogger
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
ResponderExcluiragradecido
altere essa linha no final do código
ResponderExcluirfb:comments expr:href='data:post.url' width='470'/
Fabiano eu testei no blogger com template normal... ficou do mesmo jeito... alguma solução?
ResponderExcluirfizemos um novo tutorial sobre Como Criar Aplicativos no Facebook e Usar Comentários no Blog
ResponderExcluir