Não há como negar: o Facebook é uma força em termos de visibilidade, e pode ajudar muito ao blog.
Atualmente, no exato momento em que escrevo esse tutorial, a tendência em termos de comentários é agregar os comentários feitos via Facebook com os do blog, seja ele blog do Blogger ou Wordpress.
Tempos atrás ensinei aqui no blog um modo de ter ambas as formas de comentar, tanto pelo Blogger quanto pelo Facebook.
Recorde:
Como usar os comentários do Blogger e do Facebook ao mesmo tempo?
Funciona, mas o tutorial que apresento hoje é uma versão simplificada, atualizada e com um diferencial: você pode deixar que os comentários feitos com o login do Facebook apareçam na página inicial, sem precisar clicar em nada para comentar.
Para ficar claro veja o exemplo, que é um template que disponibilizarei gratuitamente para quem quiser baixar em breve.
Aqui:
A forma de fazer explico abaixo, vem comigo!
Antes, duas considerações:
- Não faça direto em seu blog, use um blog de testes com o mesmo template de seu blog real. Só depois de dominar o modo de fazer é que você deve inserir em seu blog real. Vai por mim, segurança nunca é demais.
- Eu testei nos modelos Viagem, Simples e Espetacular do Blogger. Em templates baixados da internet pode não dar certo. Ou pode dar, vale testar.
Estou publicando este tutorial em uma sexta-feira.
Assim você tem o final de semana todinho para testar e conseguir. Acredite em mim: levei muito mais horas para testar em vários templates, montar o tutorial e publicar do que você vai levar para realizar. Vai dar certo, pode crer! Apenas faça com atenção e dedicação!!!!
Para começar você precisa ter criado um aplicativo no Facebook que fará tudo funcionar.
Clique aqui: Facebook Developers
Aparecerá esta tela:
Clique onde a seta indica, em My Apps.
Caso você nunca tenha criado nenhum aplicativo será preciso se registrar, mas é bem simples e intuitivo.
Marque a caixinha Sim, clique em Register e siga as orientações (eles podem pedir um número de telefone para envio de código, por exemplo). Complete o processo de registro caso tenha sido solicitado.
Após ter completado o registro (ou caso já tenha sido registrado anteriormente) abrirá essa página:
Clique em Website.
Abrirá esta outra página:
Coloque o nome de seu app e clique onde a seta indica.
Vai abrir esta página:
Escolha a categoria que desejar e clique no botão azul.
Abrirá a página com seu ID.
Semelhante a esta, claro que com seu ID:
Reserve o número de seu ID. Vamos usar daqui à pouco.
Para começar veja os códigos que você vai precisar:
Copiar os códigos
Deixe a página dos códigos aberta.
A seguir vá ao painel de seu blog clique na aba Modelo e a seguir clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na barra de busca que aparecer digite <head>.
Tecle Enter para localizar.
Está bem no começo de seu código-fonte, nas primeiras linhas.
ABAIXO de <head> cole o primeiro código.
Preste atenção:
Salve.
Agora localize </head> e ACIMA disso cole o segundo código.
O número 5 se refere à quantidade de comentários via Facebook que serão exibidos. Altere se desejar.
Salve.
Agora, dentro da caixa de pesquisa cole este código e digite Enter para localizar:
Aparecerão (provavelmente) duas ocorrências desse trecho. Estamos em busca da segunda, ok? Preste atenção!
ABAIXO DISSO cole o terceiro código.
O número 650 se refere à largura da área dos coments via Facebook; altere se desejar.
O número 5 se refere à quantidade de comentários a serem mostrados.
Salve.
Está feito, lindo e fácil de fazer.
Uma dica importante:
Caso você queira que os comentários apareçam na página inicial, abaixo de cada post sem precisar clicar em nada apague a primeira e última linha do código acima.
Ficará assim:
<div id='fb-root'/>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='5' width='650'/></div>
Se quiser que os comentários apareçam somente nas páginas dos posts deixe como no código original, você decide!
Viu que legal? Em breve vou disponibilizar o template usado nesse tutorial para download. Aguarde, é semana que vem, sem falta!
E será em 4 versões, uma lindeza só!
Aproveita que estás aqui e clique em Compartilhar esse post?
Assim mais pessoas chegam até ele e eu fico mais feliz...
Tanks!
Extra! O template que usei no tutorial está disponível aqui.
Criar um aplicativo no Facebook
Para começar você precisa ter criado um aplicativo no Facebook que fará tudo funcionar.
Clique aqui: Facebook Developers
Aparecerá esta tela:
Clique onde a seta indica, em My Apps.
Caso você nunca tenha criado nenhum aplicativo será preciso se registrar, mas é bem simples e intuitivo.
Marque a caixinha Sim, clique em Register e siga as orientações (eles podem pedir um número de telefone para envio de código, por exemplo). Complete o processo de registro caso tenha sido solicitado.
Após ter completado o registro (ou caso já tenha sido registrado anteriormente) abrirá essa página:
Clique em Website.
Abrirá esta outra página:
Coloque o nome de seu app e clique onde a seta indica.
Vai abrir esta página:
Escolha a categoria que desejar e clique no botão azul.
Abrirá a página com seu ID.
Semelhante a esta, claro que com seu ID:
Reserve o número de seu ID. Vamos usar daqui à pouco.
Instalando os comentários via Facebook no blog
Para começar veja os códigos que você vai precisar:
Deixe a página dos códigos aberta.
A seguir vá ao painel de seu blog clique na aba Modelo e a seguir clique em Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na barra de busca que aparecer digite <head>.
Tecle Enter para localizar.
Está bem no começo de seu código-fonte, nas primeiras linhas.
ABAIXO de <head> cole o primeiro código.
Preste atenção:
- Onde marquei SEU NOME FACEBOOK coloque seu nome de usuário do Facebook, como aparece no navegador. O meu, por exemplo, é elainegasparetoparada.
- Onde marquei ID DE SEU APLICATIVO coloque o número de seu aplicativo, aquele que pedi para reservar anteriormente.
Salve.
Agora localize </head> e ACIMA disso cole o segundo código.
O número 5 se refere à quantidade de comentários via Facebook que serão exibidos. Altere se desejar.
Salve.
Agora, dentro da caixa de pesquisa cole este código e digite Enter para localizar:
Aparecerão (provavelmente) duas ocorrências desse trecho. Estamos em busca da segunda, ok? Preste atenção!
ABAIXO DISSO cole o terceiro código.
O número 650 se refere à largura da área dos coments via Facebook; altere se desejar.
O número 5 se refere à quantidade de comentários a serem mostrados.
Salve.
Está feito, lindo e fácil de fazer.
Uma dica importante:
Caso você queira que os comentários apareçam na página inicial, abaixo de cada post sem precisar clicar em nada apague a primeira e última linha do código acima.
Ficará assim:
<div id='fb-root'/>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='5' width='650'/></div>
Se quiser que os comentários apareçam somente nas páginas dos posts deixe como no código original, você decide!
Viu que legal? Em breve vou disponibilizar o template usado nesse tutorial para download. Aguarde, é semana que vem, sem falta!
E será em 4 versões, uma lindeza só!
Aproveita que estás aqui e clique em Compartilhar esse post?
Assim mais pessoas chegam até ele e eu fico mais feliz...
Tanks!
Extra! O template que usei no tutorial está disponível aqui.
Dias online
Postagens
comentários
Oi Elaine,
ResponderExcluirObrigada pelo tudo.
Fui no boleto teste e o mesmo pulo ao início está acontecendo.
Bjs
Gostei, vou tentar no blog experimental!
ResponderExcluirIsso, sempre no blog de experiências :)
ExcluirOlá,Elaine.Tudo bom?
ResponderExcluirAo pesquisar div class='post footer' não aparece nada para mim.Eu coloquei os sinais de <> direitinho,mas eles não podem ser digitados aqui no coment,dá erro kkkk.Na verdade ao nem consigo digitar depois do "post".Fui fazendo exatamente como você falou,colocando os códigos e salvando.E fiz um post teste pois pensei que esse fosse o problema.O que pode ser?
Bjus
Murielly, sugiro que refaça os passos, e não esqueça que precisa ser a segunda ocorrência de post-footer, tá?
Excluirbjssss
Muito bom, vou testar... arrasando como sempre!!!
ResponderExcluirBom fim de semana.
Bjs.
Line, se fizer me diz :)
Excluirbjssss
Template! Olhinhos brilhando kkk bj Muito obrigada! Só faltava isso no meu blog bjbjbj
ResponderExcluirrsrsr em breve, aqui nesse mesmo bat-blog rsrsrs
ExcluirOi Elaine, tudo bem?
ResponderExcluirJá tentei todos os tutorais possíveis mas, meu template não tem a segundo ocorrencia da Div Class post-footer. Mas já vi que uma pessoa que usa o mesmo que eu conseguiu, só que não foi ela que modificou o template portanto ela não sabe como fazer!
Bjus, adoro seu blog!
Fabiana, nesse caso procure qualquer segunda ocorrência de post-footer
ExcluirVai achar line 1, line 2, etc
Vá testando até o bendito aparecer :)
O meu também não tem nem o segundo nem o terceiro textos que você mandou procurar :/
ExcluirElaine sempre testei seus tutoriais com ótimos resultados, mas esse não deu certo. Será que é porque no meu modelo só há uma linha com a div do post-footer? Se você puder solucionar minnha dúvida eu agradeceria muito, pois faz tempo que testo tutoriais para colocar os comentários do Facebook desse jeitinho e nunca dá certo. O seu tutorial antigos que colocava os os comentários do facebook e blogger juntos deu certo quando fiz (não lembro se já utilizava o meu modelo atual), mas eu não gostei muito dele. Esse é exatamente como eu queria. Se ppuder ajudar, agradeço!
ResponderExcluirAdoro seu blog Sigo em várias redes! Espero que continue sempre postando tutoriais super didáticos, pois são de grande valia!
Vanessa, todo template tem 2 ocorrências dessa div, até os baixados da net.
ExcluirTente achar, se realmente não conseguir experimente localizar algo como post-footer-line-2 por exemplo.
Daí é testar até achar o lugar certo de inserir...
Oi Elaine,
ResponderExcluircomo sempre vc arrasa com seu blog. Desejo feliz natal para você e que continue sempre assim, melhorando a cada dia e sendo feliz sempre. Beijo grande e obrigada pelos posteres que distribui.
http://eupensoq.blogspot.com.br/
NO meu facebook não aparece essa aba APP
ResponderExcluirMuito obrigada pela dica! Fiz no meu blog de teste e deu tudo certinho e ficou bem bonitinho!
ResponderExcluire não demorou tanto como eu esperava!
Infelizmente não apareceu nada no meu...
ResponderExcluirNo meu não aparece o bendito post-footer, então não funcionou.
ResponderExcluirDescobri tem que ser abaixo dessa tag
ResponderExcluir< p class='comment-footer'>
Nossa vlw mesmo, resolveu meu problema, não aparecia de jeito nenhum, mas achei essa tag, tinha 3, o meu funcionou na terceira :D
ExcluirCorreção: Falei no terceiro, mas foi na segunda tag.
ExcluirNão estou conseguindo copiar os códigos, fiz o que disse encostei o mouse e esperei aparecer a imagem, mas não aparece.
ResponderExcluirAriadne, eu refiz o tutorial porque tirei o Synthax do template.
ExcluirAgora os códigos estão no botão, é só clicar e ir até a página.
Valeu :D
ExcluirFuncionou perfeitamente como podem verificar em: ( www.ubuntulinux.com.br )
ResponderExcluirMuito Bom, me ajudou muito, parabens pelo tutorial PERFEITO!!
ResponderExcluirfiz no meu Blog esportivo, confira >> (www.minhavisaoesportiva.blogspot.com.br)
Muito obrigado, funcionou perfeitamente. Só seguindo seus passos.
ResponderExcluirOlá. Deu tudo certo pra mim, mas gostaria de editar as cores de fontes do contador de comentários e afins. pode me ensinar?
ResponderExcluirFicou perfeito no meu blog. Tudo certinho. Obrigada!
ResponderExcluirOlá Elaine, tudo bom?
ResponderExcluirMais uma vez um excelente tutorial o qual apliquei em meu blog..
(Meu blog é 100% Elaine Gaspareto!)
Muitíssimo obrigado!
O único problema é que não sei como ser notificado quando alguém comenta lá, você saberia?
De toda forma, é uma ferramenta muito valiosa!
Agradeço mais uma vez.
Quem quiser conhecer meu site:
www.oespaco.net
Abraço a todos
Deu certo aqui, muito obrigado ;-)
ResponderExcluirMuito obrigado, deu super certo!!!
ResponderExcluirFuncionou perfeitamente! Obrigado!
ResponderExcluiraaaaa obrigada amei o post!! já coloquei no meu blog *-* muito obrigada!!
ResponderExcluirseamandomais.blogspot.com
Ola gostei muito do seu blog, mas o meu aparece mas quando fui testar os comemntarios e mando publicar informa "Este conteúdo não está mais disponível" você saberia me dizer o que é?
ResponderExcluirEliane,
ResponderExcluirEsse recurso não fica disponível se o blog for acessado pelo celular certo?
Porque no meu aparece quando abro os post pelo computador normalmente, mas pelo celular não, é isso mesmo?
Funciona não!
ExcluirTally, é isso. Para aparecer no celular o template precisa ser responsivo. Em breve vou disponibilizar uma base gratuita, responsiva, aí funcionará.
ExcluirEstou amando todas as dicas! No meu apareceu Facebook comments plugin. Fica assim mesmo?
ResponderExcluirwww.kellyzarate.com
www.facebook/kellyzaratefotografia
Seu blog é maravilhoso, voce explica tudo tão bem *_* não entendo nada de HTML mais consegui fazer várias coisas com voce , coisa que não conseguia em outros tutoriais. nossa muito obrigada. beijos!
ResponderExcluirwww.cacheandocommirellydarlen.com
nossa, apanhei. Vi varios tutoriais e nao conseguia de jeito nenhum. Mas agora deu tudo certo. Tá lindooooo amorparanos.blogspot.com
ResponderExcluirComo sempre ótimo!
ResponderExcluirFiz e dei certo!
Te admiro muito! Nos tutoriais, nos textos. O blog todo! Parabéns!
Obrigada.
Comparitlhei.
Beijos.
Blog Jovens Mães
Conseguiii!! adorei.
ResponderExcluirMuito bom o tutorial!! :D perfect!! Bem simples! Muito obrigado!
ResponderExcluirvisitem: http://www.infowarsbrasil.org/
Deu certo, yay! Mais um widget instalado com sucesso graças às suas dicas! ♥
ResponderExcluirGostaria de agradecer imensamente, seus tutoriais são excelentes!!! Muito obrigada por disponibilizar os códigos e pelos tutoriais tão explicadinhos, sempre acabo voltando pra cá pra pegar mais dicas haha!
Tenha um lindo dia, parabéns pelo blog maravilhoso!
Beijos e Morceguinhos,
Med! ♥
darkmedora.blogspot.com ♥
Muitíssimo obrigado pelo tutorial Elaine!! <3 não sei o que aconteceu, mas ds comentários sumiram do meu blog, eu até tentei resolver o problema pesquisei em vários sites, porém não obtive sucesso TT.TT bom pelo menos vc conseguiu me ajudar com esse tutu.
ResponderExcluirSucesso pra vc flor (sempre) porque vc merece > <
O sistema do Facebook mudou. Será que poderia postar uma versão atualizada?
ResponderExcluirMuito obrigada pelo tutorial! ^-^
ResponderExcluirTenho algumas duvidas Elaine.
ResponderExcluir1) Coloco o meu nome ou o nome da pagina do facebook? Ambos os casos funcionou. Masssss, vamos para duvida 2.
2) Quando comento, não aparece la na pagina do facebook, aparece o comentário como se fosse do facebook no blog... mas não la no face, como se ele sumisse la...
Obrigado desde já.
Muito obrigado por este post um ótimo tutorial!
ResponderExcluirMuito Bom!
ResponderExcluirFiz e deu certinho...
ResponderExcluirBom Dia Amiga, olha eu mais uma vez, eu fiz um procedimento desse de colocar os comentários do face no Blogger e até que deu certo, mas ao fazer novas postagens aparecem duas caixas do face na página nova, será que e´algum erro ou tenho duas ID's da mesma na Developers? veja como fica: http://static.panoramio.com/photos/original/134479733.jpg e o meu site é: www.candeiasbahia.net - relembrando que uso um modelo antigo chamado Rounders.
ResponderExcluirGilmar, eu não sei dizer porque nunca testei nesses modelos antigos.
ExcluirSugiro que você crie um blog de testes com um dos modelos do Design de modelo do Blogger e teste nele até pegar o jeito...
Eu descobrir ontem mesmo de tanto mexer nos html, mês passado eu estava tentando colocar caixa de comentários no meu blogger e como não deu certo procurei remover todos os códigos que eu tinha aplicado; resultado: eu acabei deixando duas linhas do código no modelo, acabei esquecendo, daí quando fiz o novo procedimento, aconteceu isso, de ficar duas caixas, mas eu já removi e ficou tudo certinho agora. Muito obrigado pela sua atenção amiga e desculpas está te amolando viu, rssss.
ExcluirFiz como ensinou, instalou e tudo, mas na hora de posta a mensagem aprece "falha na mensagem" sabe como resolver esse problema?
ResponderExcluirIrismar, seu template é baixado da internet? Se for provavelmente não funcionará...
ExcluirÉ baixado da internet sim. Então esses códigos só funcionam com os templastes do blogger é isso? Ja agradeço sua atenção. Quero te parabenizar pelo lindo trabbalho. Bjs
ExcluirSim, pois templates baixados em geral possuem variações próprias dos códigos.
ExcluirPor isso, em geral, causam conflito, infelizmente...
Muito obrigada pelo elogio :)
Esse post me ajuda sempre, toda vez que troco o template do meu blog. AMOOO!!
ResponderExcluirobrigada
bj
dá um erro. Coloco o código e aparece perfeitamente.
ResponderExcluirMas toda vez quando a primeira pessoa vai comentar quando digita aperta pra enviar aparece uma mensagem de erro dizendo "valor inválido"... depois da segunda em diante tudo fica normal.
oI QUERIDA! amEI SEU BLOG E SEU POST... MAS NÃO CONSEGUI FAZER :( TEM QUE SER O TEMPLATE QUE VC USOU, OU PODE SER EM OUTROS TEMPLATES? PORQUE NÃO APARECEU NADA :(
ResponderExcluirJacqueline, eu testei em vários templates, mas todos nativos do Blogger.
ExcluirNão testei em templates baixados da internet.
Obrigado! cada vez que eu atualizo o layout do meu blog eu visito seu site. Bubunoni.com
ResponderExcluirExcelente e super fácil, muito bem explicado!
ResponderExcluirObrigada Elaine! Consegui fazer, super fácil, muito bem explicado.
ResponderExcluirBjos!
Oi Elaine. Obrigada por salvas nossas vidas. Eu comecei um blog a pouco mais de um ano e agora resolvi deixa-lo super minha cara e da minha amiga parceira do blog. Seus poster são super fáceis de entender e meu blog ta ficando lindo graças a você. Abraço e muita luz.
ResponderExcluireu fiz algo errado. aqui apareceram duas caixas para comentar. a caixa do fb e a do google :!
ResponderExcluirvocê tem que desmarcar a opção do comentário do blogger no layout
ExcluirFuncionou comigo! Muito obrigado!!!
ResponderExcluirOla,porque quando comentam usando o celular só aparece quando entro no blog na versão mobile?
ResponderExcluirOi Elaine, muito obrigada por esse tutorial, mas não funcionou no meu blog! O meu só tem um post footer... será que é por isso ??
ResponderExcluirElaine esse código não aparece para mim: div class='post-footer'
ResponderExcluirSerá que é o modelo que uso?
Bjos obrigada.
Michele, seu template é nativo do Blogger, então ele tem sim essas linhas.
ExcluirTodo template tem...
Experimente procurar por trechos, fica mais fácil achar :)
bjsss
Obrigada por responder Elaine. Vou procurar melhor. Bjos.
ExcluirNão consegui. O meu template o é do ThemeXpose, eles têm os melhores templates responsivos gratuitos da web (não gosto da versão mobile dos templates nativos do Blogger). Acho que não deu certo no meu porque é um template baixado. Estou há horas tentando um código que funcione. Perdi as esperanças.
ResponderExcluirDe qualquer forma, obrigado.
Elaine tudo bem?
ResponderExcluirPrimeiro gostaria de agradecer, suas postagens me ajudam muito, eu não sabia nada de códigos e hoje consigo editar meus templates de forma bem eficaz...Eu consegui incorporar o plugin de comentário do facebook, porém ele esta aparecendo somente na versão desktop, na versão mobile não aparece, vc pode me ajudar?
meu blog é o Central do Whatsapp segue o link caso queira dar uma olhada: http://whatsappcentral.blogspot.com.br/
Muito Obrigado!! Seu tutorial ta excelente, muito melhor do que até uns que tem Vídeo explicando e não funciona.
ResponderExcluirE sobre a moderação dos comentários e receber notificações no perfil do facebook, tem tutorial?
ResponderExcluirObrigada pelo tuto, mas a parte de moderação não está funcionando de jeito nenhum no meu blog... :/
Enoá, desde 2015, se não me engano, o Facebook alterou a chave API que possibilita os comentários e a moderação não é mais possível... até onde testei.
ExcluirNão consegui, fiz tudo certo e nada veja :
ResponderExcluirhttp://www.lagoagrandeemfoco.com.br/
Boa noite Elaine, primeiramente meus parabéns, tem semanas que venho fuçando seu blog, me ajudou muito na repaginação do meu blog. Mas tenho uma perguntinha: Coloquei o box comentário no meu blog como seus tutoriais, porem as duas abas da caixinha fica apenas o nome "Comentários" e o mini logo do face não aparece, só aparece o do Blogger. Há outra forma de mudar os nomes das abas, tipo. Facebook | Blogger? não aparece nem o logo nem o nome que tentei mudar no código. Vejo que seu blog a aparência dos comentários é diferente porém não conjunta com o face, é possível fazer algo assim mais clean junto com o face? obrigada por tudo Deus te abençoe!!
ResponderExcluirGaivota, qual tutorial você usou?
ExcluirPorque este tutorial não tem abinhas...
Olá Elaine. Ótimo tutorial, parabéns! Mas tive um problema: optei pelo comentário do post já aparecer na home, o que estimula mais as pessoas comentarem, na minha opinião. Porém, quando faço uma nova postagem, os comentários da postagem anterior "pulam" para a postagem nova. Os comentários das postagens mais antigas parecem não ser afetados. Como resolver isso? Obrigado!
ResponderExcluirFernanda, não faço ideia.
ExcluirRecentemente houveram alteração na chave API do Facebook que gera o script responsável por permitir os comentários via Facebook no blog, pode ser essa a causa...
Anteriormente, nos testes que fiz em 2015 não lembro de nada assim ter ocorrido...
Bom, obrigado mesmo assim! Vou continuar tentando. Se alguém tiver alguma solução para isso, por favor me indique. Mas aproveito e te faço outra pergunta: como posso definir qual imagem quero que apareça quando o post for compartilhado?
ResponderExcluirOlá Eliane tudo bem?
ResponderExcluirEu instalei e deu certo só que quando vai comentar no blog aparece a mensagem 'Desculpe esse recurso não está disponível no momento'
Você sabe me dizer o que é?
rsrs
Bjsssssss
Pamela, você deixou o app do Facebook em modo Público?
ExcluirEm geral é isso, essa mensagem aparece quando o app está em modo privado.
Consegui colocar. Porém ele fica em cima dos botões de compartilhamento e do "veja também". Tem como deixar em baixo deles? De modo que fique exatamente em cima dos comentários do blogger?
ResponderExcluirBites!
Tary Belmont
Tary, para mudar o posicionamento dos comentários mude o local onde cola o código deles.
ExcluirProcure pelo seu último div class post-footer, provavelmente line 3.
Vá testando, até ficar onde deseja...
bjssss
Eu criaei o App,mais nao saiu a opiçao para"Website" e nem nemhuma das opiçoes ai acima do"Tutorial"...
ResponderExcluirTens como mi ajudar?
Depois do app criado entre na página dele e faça a revisão do aplicativo. Pode ser que apareça então a opção que deseja.
ExcluirElaine Gaspareto,muito obrigado!mais muito obrigado mesmo...continua sendo a pessoa que és,e,e,tou sem palavras...
ExcluirMuito boa a explicação, deu certo até em templates baixados, show! ;)
ResponderExcluirOi, adorei as dicas. Muito bem explicadas. Consegui fazer, mas quando acesso o blog do celular não tem a opção comentar via feace. Por quÊ?
ResponderExcluirMuito bom em breve vou adicionar em meu Blog Parabéns pelo Excelente artigo!
ResponderExcluirEliane, tem um jeito de tirar a moderação dos comentários, para poderem ser poublicados, sem precisar ficar analisando?
ResponderExcluirdeu certo nao, travo o blog
ResponderExcluirme ajudou de mais muito obrigado
ResponderExcluirEstou tendo o mesmo problema de alguns que aparece a mensagem "Desculpe, esse recurso não está disponível no momento", e eu já coloquei como publico o app, não sei mais o que fazer, testei um milhão de métodos e quando parecia que ia dar certo ao encontrar o seu e até aparecer a caixa de comentários me ocorre, isso, me ajude Elaine please.
ResponderExcluirRóger, experimente isso: vá até a página do app e clique em Settings ou Configurações.
ExcluirAí insira um email onde pede e salve.
Em geral esse é o motivo do app estar indisponível. Ao inserir o email ele muda. Aí volte à página do app e clique em Revisão do aplicativo. E marque Sim na pergunta se deseja tornar o app público.
Experimente e me diz.
Oi de novo Elaine, então eu verifiquei e está o email preenchido desde a criação do mesmo, mais alguma sugestão?
ExcluirFez a revisão?
ExcluirSe fez então no momento não me ocorre mais nada, infelizmente...
Oi Eliane, coloquei o plugin e funciona correto no meu blog. Porém, na versão móvel não consigo adaptar apenas com o css .mobile.
ResponderExcluirExiste este plugin adaptável à versão de celular?
Marcela, infelizmente não tem jeito.
ExcluirA única forma dos comentários via Facebook aparecerem é usar na versão mobile o mesmo template da versão desktop. Ou usar um template responsivo.
Infelizmente...
Oi Elaine, obrigada pela resposta. Eu estou usando o mesmo template da versão desktop e adaptando o css à dispositivos móveis.
ExcluirOs comentários aparecem no celular, porém com a fonte do desktop fica impossível de ler de tão pequeno.
O site já está adaptado, só o facebook que fica pequeno. =(
Olá elaine, segui o tutorial e deu tudo certo, porém uso ratingwidget para avaliação no meu blog, aquele das estrelinhas, e ai os comentario do facebook ficaram acima da avalição que ficava em baixo da postagem, poderia me ajudar dizendo como posso mudar o comentario para baixo da avaliação?
ResponderExcluirWalisson, experimente colar o código em outro lugar, abaixo do c[odigo que exibe a avaliação. Eu não lembro agora, mas em geral é na mesma linha dos coments, pertinho de onde você colou o código dos comentários via Facebook. Vá testando, até achar o lugar exato pra você...
ExcluirElaine, deu certo! Porém, o plugin só aparece em meu blog quando visualizado por smartphones ou celulares. Eu fiz um teste, comentando logado no meu facebook e deu certo, mas no computador não aparece nada. Isso é normal? O template do meu blog é baixado.
ResponderExcluirCarlos, não é normal não. Mas devido ao fato de ser um template baixado ele pode ter alguma configuração que não deixa o código aparecer. Infelizmente não sei dizer o motivo...
ExcluirOi Elaine criei um blog com fundo escuro e não consegui colocar o estilo com texto em letras brancas. O que devo fazer nesse código para corrigir isso? Super obrigado.
ResponderExcluirNão experimentei mas você pode tentar colocar comandos CSS no terceiro código, após o trecho width: 100%; coloque background: #000000; color: #ffffff;
ExcluirIsso define o background como preto e as letras, brancas. Coloque esses comandos dentro das aspas simples que aparecem no código, ok?
Mas tem que testar, nunca fiz...
Não consegui Elaine, vou tentar de novo mais tarde. porem não consegui com a sua sugestão.
ExcluirOlá Elaine!
ResponderExcluirNão consigo encontrar o código do meu tema para colar o segundo código, nem o terceiro código também. Pode me ajudar por favor?
Att.
Ana Flávia Medeiros
www.mariapano.com.br/
Ana Flávia, mesmo seu template sendo baixado da internet as tags estão lá, tente localizar por trechos. Como é um template externo pode ter alguma variação no último código mas nos demais,. não. Tem que ir testando e procurando por trechos menores até achar...
ExcluirAdorei o Tutorial Elaine queria que você me tirasse uma duvida removei os comentários do blogger e agora percebei na queda das visitas isso afeta o Rank quero dizer vai diminuir cada vez mais as vistas ,,, Pensei agora em colocar os face book mais sei que dá para colocar os dois.
ResponderExcluirFiz no meu e deu certo, obrigada! :)
ResponderExcluirMuito bom. Funcionou perfeito!
ResponderExcluirElaine ameiiiiii o tutorial na verdade é a primeira vez que funcionou realmente no meu blog.
ResponderExcluirSe você puder responder,tem como contabilizar os comentários do Facebook, por exemplo os meus comentários do Facebook não aparecem naquele contador do blog, não sei como vou saber se alguém comentar para que eu poça responder.
Rafaela, a contagem dos comentários via Facebook não aparece junto a contagem dos comentários via blog, não tem jeito.
ExcluirPara ver se há comentários você precisa acessar a página onde criou o app e conferir lá.
Semana que vem vou publicar um tutorial mais recente, que mostra como fazer isso de modo mais completo.
bjssss
Muitoooo obrigada Elaine, não sei o que seria do meu blog sem o seu <3
ExcluirFuncionou perfeitamente. Obrigado
ResponderExcluirFuncionou certinho, obrigada!!!!
ResponderExcluirOla, estou com um problema a algum tempo no meu blog já, meu template já tinha os comentários do facebook encorporado nele, sempre funcionou muito bem, mas a uns 5 meses sumiram todos os comentários.
ResponderExcluirTentei tirar os comentários que eram do template e colocar através desse método seu, a caixa de comentários apareceu, mas os comentários que sumiram não voltaram.
Sera que tem algo que eu possa fazer para eles voltarem?
Diego, eu não tenho certeza mas se vc usar o mesmo ID que usava antes os comentários antigos estarão lá.
ExcluirEu usei por um tempo os comentários via Facebook, depois tirei e recentemente voltei a usar, sempre usando o mesmo app, e os comentários antigos estavam todos lá.
Mas como o Facebook vive mudando as regras dos app's pode ser que não seja mais assim, não sei dizer...
Entrei na pagina do aplicativo no facebook, e me deparei com algo que não tinha visto na época que coloquei ele no meu blog. No topo da pagina diz que ele está desativado, ao clicar para ativar, é mostrada a seguinte mensagem: "Você deve fornecer uma URL válida da Política de Privacidade para disponibilizar seu aplicativo. Vá para Configurações básicas e verifique a validade."
ExcluirO que seria essa URL da politica de privacidade?
Oi, Diego.
ExcluirVocê conseguiu resolver esse problema? Pois pelo que eu entendi, basta você criar uma página no seu blog com uma política de privacidade e indicar a URL desta página nas configurações básicas do aplicativo do facebook. Nesta página de política de privacidade você pode usar um modelo básico disponível na internet que informe aquelas coisas básicas sobre coleta de dados (cookies, IP).
obrigado funcionou
ResponderExcluirOlá,
ResponderExcluirTudo bem?
Será que seria possível atualizar esse tutorial?
Obrigada desde já!!!
Tally, tem post mais atualizado:
Excluirhttps://www.elainegaspareto.com/2017/09/usar-comentarios-do-facebook-e-blogger-ao-mesmo-tempo-no-blog.html
Poxa vida... O Facebook Developers mudou bastante, as telas estão super diferentes do modelo que você mostrou. Infelizmente não consegui criar porque não identifiquei os botões no novo layout deles. #triste
ResponderExcluirCarol, mudou mas nem tanto.
ExcluirÉ que vc está seguindo um post mais antigo, experimenta esse:
https://www.elainegaspareto.com/2017/09/usar-comentarios-do-facebook-e-blogger-ao-mesmo-tempo-no-blog.html