Colocar os comentários do Facebook junto com os do blog

em 14 de junho de 2013

Vou ensinar hoje como colocar os comentários do Facebook integrados aos comentários do Blogger.
Não é simples, mas se fizer com atenção tenho certeza que vai dar certo.

Antes de começar segue meu conselho: faça backup de seu template. Assim, caso não goste, basta reinserir o template original e tudo volta a ser como antes.
Aqui tem uma vídeo-aula que explica como fazer backup completo de seu blog

Agora, ao trabalho:

Antes de mais nada é preciso criar um aplicativo em seu perfil do Facebook pois vamos precisar disso para criar o hack e implementar os comentários do Facebook no blog.
Faça assim:

Acesse seu perfil do Facebook e estando logado clique nesse link: https://developers.facebook.com/apps
Ele leva à página de aplicativos do Facebook. Lá você verá esta página:


Clique em Register now.
Abrirá esta outra página:


Marque a caixinha I accept the Facebook Plataform Policy  e depois em Continuar.
Na próxima janela insira seu número de telefone e escolha a opção que deseja para receber o código de validação.
Depois que receber o código e validar sua conta defina quem óde ver seu número de telefone.
Assim:


Clique em Continuar. Na próxima etapa pode clicar em Pular.
A seguir, na última janela clique em Done.
Está confirmada sua conta.

Agora vamos criar seu aplicativo.
Nesta página:



Clique em Criar novo aplicativo.
Vá seguindo o que a tela pedir e ao final você terá o ID de seu aplicativo. É dele que precisamos para implementar os comentários do Facebook no blog.
Esse ID aparecerá numa página semelhante a esta:


Esta parte terminamos. Agora vamos inserir em seu blog.
Para isso abra a página onde você vai copiar os códigos necessários:


Copiar os códigos



A seguir acesse a aba Modelo e selecione Editar HTML.
Dentro da caixa de código tecle Ctrl+F e na caixa de busca que abrir coloque isso:




Em alguns templates  é preciso achar a primeira ocorrência desse trecho; em outros templates é preciso achar a segunda ocorrência desse trecho. Em outros é preciso colar o código abaixo das 2 ocorrências do trecho pesquisado.
Então você precisará testar, ok?

Abaixo dessa linha cole o primeiro código.
Salve.
Agora localize isso: </head> e antes dessa tag cole o segundo código.
Onde você lê SEU ID  coloque o ID que pedi pra reservar, aquela sequência numérica gerada no aplicativo do Facebook.
Feito isso, salve as alterações.

Estamos quase terminando.
Agora localize essa tag:  ]]></b:skin>

E acima dela cole os estilos dos seus comentários, que é o terceiro código.
Se quiser pode alterar as cores, definidas pelos códigos hexadecimais precedidos de #.
Depois de tudo pronto clique em Salvar alterações.
Tá feito!

Se tudo deu certo seu blog conta agora com mais uma opção para os leitores comentarem.
Em meu blog de testes ficou assim:


Quando o leitor comentar ele pode escolher a opção Publicar no Facebook ou não. É legal publicar quando queremos divulgar o comentário que fizemos, mas se preferir não postar basta desmarcar a caixinha.
Se publicar no Facebook os comentários aparecerão no blog, e se comentar ou responder no blog eles aparecerão no Facebook.

Moderando os comentários do Facebook

Para moderar os comentários e receber em seu perfil notificações quando houver comentários para aprovar clique nesse link:  http://developers.facebook.com/tools/comments
Abrirá a janela para que você defina as suas configurações. Esta:

Clique em Configurações. Na janela que abrir selecione as opções que preferir.

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

Depois de pronto clique em Salvar.

Gostou?
Então compartilhe, seja no G+, no Facebook ou no Twitter!
Fico grata... 


Atualização

Gravei a execução desse tutorial em vídeo.
Clique aqui para assistir:



Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

344 comentários , comente também!

  1. Vc Faz templante para blog gostaria de saber quanto fica

    ResponderExcluir
  2. Elaine, estou ficando pirada, fui no seu portfólio e não vi estes comentários do Facebook lá!
    Consegui mudar o tamanho e a cor das letras nos comentários recentes Uhhhhhhhhhhhhh!!!
    Obrigada!
    Beijinhos...

    ResponderExcluir
  3. Eu tenho no meu blog, fiz um tempo atrás...nem me lembro se foi esse mesmo passo a passo, mas deu certo. O que eu acho 'ruim' é só que, pelo menos no meu, os comentários feitos na aba do facebook não aparecem no design do blog, como os comentários feitos pela aba de comentários do blogger. Daí que se alguém comenta na aba do face a gente só vai ver se verificar no próprio post. Problema é que as vezes a pessoa comenta num post antigo e a gente acaba não vendo.

    Tirando esse detalhe chato, acho legal ter essa integração

    ResponderExcluir
  4. Elaine só uma curiosidade: como vc não tem essa opção de comentário no seu blog, tem algum motivo em especial pra isso ou é só questão de gosto?

    ResponderExcluir
    Respostas
    1. Sim, é por gosto mesmo.
      Mas também é porque os comentários que são feitos usando o aplicativo pertencem ao Facebook e não ao blog.
      Assim, se um dia enjoar ou o aplicativo for descontinuado, por exemplo, os comentários feitos por ele sumirão.
      beijossss

      Excluir
    2. Elaine, estou com problemas ao adicionar estes códigos. Os dois comentarios (Face e Blogger) não estão ficando em conjunto. E está tudo no seu devido lugar.

      Excluir
    3. Vai em / Configurações/ Comentários, e escolhe a opção janela pop-up (Acho que deve resolver)

      Excluir
    4. Pelo que vc falou acima Elaine acabei percebendo que não é uma boa ideia,não quero correr o risco de perder os comentários nas minhas postagens!

      Excluir
    5. V>J, na verdade os comentários feitos via Blogger não se perdem, mas os feitos via aplicativo do Facebook, sim, serão perdidos se você remover o aplicativo.
      Como eu disse, ees na verdade pertencem ao Facebook e não ao blog.
      Esse é o motivo principal por eu não usar, ainda.
      bjssss

      Excluir
  5. Boa noite de sexta feira, Eliane!

    Quero tirar uma duvida contigo, por gentiliza: tem como ficar apenas os comentários do face, sem os do blogger?

    Faz algum tempo que tenho os comentários do face e do blogger juntos. No entanto, o maior numero de pessoas que fazem comentários em meu blog são do face. Gostaria de saber se tem como tirar os comentários do blogger, ficando apenas os do face, no entanto, preservando os comentários anteriores do face?

    Sei que existe a possibilidade de deixar apenas os do face, mas não gostaria de perder, até a pedido de meus leitores, os comentários anteriores que estes colocaram no face.

    Neste atual que mostrou, por exemplo, é o mesmo que tenho em meu blog. No entanto, para que a parte dos comentários apareçam tenho que primeiro fazer (ou alguém) comentário na caixa do blogger, para que a parte do face venha a aparecer.

    Portanto, gostaria, como falei, de apenas ficar com o do face, sem perder os comentarios anteriores, deste. Existe alguma forma, alguma dica que possas me dar?

    Agradeço sua atenção, desde já!

    Obrigado!

    ResponderExcluir
    Respostas
    1. Creio que basta desabilitar os comentários do blog. Não tenho certeza, então não posso afirmar.
      Mas eu não faria isso, pelos motivos que falei na resposta acima.

      Excluir
    2. Elaine muito obrigada, vc salvou minha vida, cassei tanto isso mais ninguem explicou tão bem assim como você, muito obrigada mesmo.

      Excluir
    3. Acho que só desabilitando ainda fica os dois, o certo mesmo é colocar o do facebook e ocultar o do blogger( se for o caso )

      Excluir
  6. Excelente dica!
    Passei para aber notícias suas, e dizer que estou com saudades!
    Ando precisando de receber feedbacks sobre o novo site e adoraria ouvir sua opinião.
    bj carinhoso
    Sandra Portugal
    www.projetandopessoas.com.br

    ResponderExcluir
  7. você tem razão, a coisa parece muito complicada,
    mesmo com todas essas dicas, acho que nunca conseguiria,
    por isso nao vou nem tentar.
    obrigado por compartilhar

    baci

    ResponderExcluir
  8. Oi Elaine. Quero entender bem isso rsrsrs
    Favoritei ........
    Bom finde para vocês aí.
    Beijos.

    ResponderExcluir
  9. Que legal, Elaine! Não tinha visto esse post, super fácil pelo que parece...acho que vou tentar..
    Bjo!

    Luciana

    ResponderExcluir
  10. Seu blog é L-I-N-D-O amei continue assim... Sempre estaremos te visitando tá...Postagens ótimas!!!!
    Beijokas do Estante da Bea
    biaalini.blogspot.com

    ResponderExcluir
  11. Olá querida!
    Elaine eu tenho uma dúvida, mas não é sobre o tema do post, posso?
    Sei do seu tempo limitado e de verdade não queria encomodá-la, acontece que não sei onde tirar essa dúvida.
    É o seguinte, eu não consigo gerenciar minha lista de blogs aos quais sigo. Não todos os blogs seguem, vários estão parados a tempos, outros os editores informaram que estavam fechados e eu não consigo deletá-los.

    Vou na correntinha, em gerenciar blogs, depois configurações, logo em parar de seguir, só que o nome do blog que eu pensei acabar de deletar continua lá, o número de blogs associados no alto da página não diminui, ou seja eu não consigo renovar minha lista.
    Tentei buscar nas dúvidas do blogger, mas nada.
    Será q vc tem alguma idéia do que passa?
    Bj

    ResponderExcluir
    Respostas
    1. Rosa, essa eu fico devendo.
      Há algum tempo os blogs que sigo sumiram da minha página, nunca mais consegui colocar e desisti.
      Não sei o que pode ser...
      No seu caso está fazendo certo, mas parece que há um bug, né?
      Então fico devendo mesmo... desculpe.
      beijossss

      Excluir
  12. Oi! Consegui colocar o bloqueio do botão direito do mouse,mas não os outros,eu já havia colocado isso,mas não sei como,passou a não funcionar sei que isso pode acontecer. Aqui (net) , tudo é possivel.
    Obrigada pelas dicas e um ótimo domingo.

    ResponderExcluir
  13. Oi Elaine, preciso de ajuda para dar uma ajeitada no texto do meu Blog, como entro em contato, por favor. Obs. já li várias postagens sobre o assunto mas nada sobre o que preciso. no aguardo.

    ResponderExcluir
    Respostas
    1. Sandro, você pode escrever pra mim usando o formulário de contato do blog.
      Será um prazer!
      Aguardo seu email, tá?
      bjsss

      Excluir
  14. Obrigada pela dica Elaine!
    Estava com problemas com os comentários do BLogger, por motivo desconhecido, algumas pessoas faziam comentários mas eu não os recebia, não acontecia erro, simplesmente os comentários iam para o limbo rsrs
    Com a opção de comentar pelo facebook acho que isso vai acabar.
    Beijos e parabéns pelo seu blog.

    ResponderExcluir
  15. Olá Elaine!
    Tenho duas perguntas!

    No meu blog a tag <div class='comments........> não é encontrada. Logo, não sei onde colocar o código.
    Outra, como você coloca no fim dos posts a linha com outras páginas do seu blog. A que diz: 'leia mais'?
    Eu encontro essa opção no blogger, mas aparecem várias linhas na vertical. Eu gosto como vocêm tem na horizontal.

    Http://locksportportugal.blogspot.com

    Obrigado. E parabéns pelo seu blog!

    ResponderExcluir
    Respostas
    1. Filipe, todos os templates têm essa linha.
      Eu vi seu blog e ao olhar o seu código fonte achei a linha de primeira.
      Tente de novo. está lá.
      Quanto às postagens relacionadas tente esse artigo:
      http://www.elainegaspareto.com/2010/03/mostrar-postagnes-relacionadas-e.html
      bjssss

      Excluir
  16. Oi, Elaine, como vai? Dei uma passeada pelos tutoriais, dicas bem bacanas. Estou querendo mudar meu template mas se eu tento mudar o modelo perco a nuvem de tags que deu muuuito trabalho para colocar, hahaha, então suas dicas podem ajudar bastante a acrescentar novidades sem mudar o template. Voltarei com tempo para testar. Um abraço, ótima semana!

    ResponderExcluir
  17. Oi Elaine, tudo bem??

    Esse gostei, acho que até consigo fazer mais da um medão de mexer no meu template e desconfigurar alguma coisa, será que posso fazer???

    Beijos e Beijokas!!!

    ResponderExcluir
    Respostas
    1. Fátima, teste em um blog de testes antes.
      E antes de mexer no seu, faça backup, assim se algo der errado basta voltar ao original.
      bjssss

      Excluir
  18. Muito bom seu blog, e de grande ajuda. Parabéns, já estou te seguindo, se vc puder dá uma olhada no meu blog também.
    http://www.fabifelixartesanato.blogspot.com.br/

    Abraços.

    ResponderExcluir
  19. Olá Elaine, bom dia!
    Segui os passos indicados por você, mas no final, quando fui salvar as últimas alterações depois do ID, me deparei com a seguinte mensagem: Erro ao analisar XML, linha 665, coluna 9: The entily "nbsp" was referenced, but not declared. Bem, não entendi nada, poderia me ajudar? Fico muito agradecida!

    Bjs

    ResponderExcluir
    Respostas
    1. Acontece que quando voce copiou daqui um dos códigos fornecidos ele incluiu um "espaço" em linguagem html, comigo aconteceu tambem, é só retirar o   do código que inclui os scripts, eu acho.

      Excluir
    2. Elaine, eu fiz agora em um blog de testes e deu certinho, como sempre.
      Experimente fazer o que o comentarista respondeu acima, não deixar espaços entre as aspas.
      beijosss

      Excluir
  20. Seu blog é simplesmente sensacional!

    ResponderExcluir
  21. elaine me dá um help, ja tenho isso no meu blog, e no link
    https://developers.facebook.com/tools/comments
    eu só vejo os comentários como faço para ver as postagens onde eles comentaram ? tem como

    ResponderExcluir
    Respostas
    1. Isso eu não sei, mas à partir dos comentários você pode definir se publica ou não...

      Excluir
  22. E OUTRA AJUDA QUE QUERIA É TEM COMO POR OS COMENTÁRIOS TAMBÉM NA PAGINA DO BLOGGER ? EU SÓ VI QUE TEM NA POSTAGEM.

    ResponderExcluir
  23. Olá Elaine

    Antes de tudo, muito obrigado pelos seus ensinamentos.
    Depois de muita procura e muitas tentativas consegui, com esta sua ajuda, colocar a opção que nos deu a todos.
    Só que há ainda algumas coisas que não funcionam bem. Assim:
    1 - A opção de comentários do Facebook só me aparece no post do meu blog se, nesse memso post, já existe algum comentário lá escrito. Isto é, para que funcione alguém tem que comentar primeiro directamente no blog. É assim mesmo ?
    2 - Comentários escritos no blog (na caixa do Facebook sem a opção de "Publicar no Facebook" marcada) não aparecem na minha página do Facebook no respostivo post da Cronologia.
    3 - Quando se marca a opção "Publicar no Facebook" a publicação é feita na Cronologia da pessoa que comentou e não na do autor do blog, ou seja, na minha.
    Se for assim como eu tento explicar, não há, na verdade, uma completa interação entre blog e facebook. Será mesmo assim ? ou eu estou a fazer burrice em algum lugar ?
    O meu blog é www.pontoblogue.com e no facebook estou em https://www.facebook.com/jorge.c.reis

    Se me conseguir resolver os problemas, mesmo que sejam necessários alguns reais… vou nisso. Pode contactar-me directamente .

    Desculpe porventura algum defeito de escrita mas eu sou português.

    Mais uma vez, muito obrigado

    Jorge

    ResponderExcluir
    Respostas
    1. Jorge, creio que ao invés de colocar o código abaixo da primeira ocorrência deva colocar abaixo da segunda ocorrência de <div class='comments'
      Se a opção de postar no facebook não estiver marcada logicamente ela não aparecerá em sua página no facebook;
      Sim, a ordem é quem comentou e não quem publicou; a função maior é divulgação, mais até do que interação, eu acho.
      Portanto não há erro, e como eu disse o sistema não é perfeito.
      bjssss

      Excluir
  24. Olá coloquei o comentário, porém não está aparecendo a textbox aonde que o usuário deve digitar a mensagem.

    ResponderExcluir
    Respostas
    1. Adenilson, tem certeza que não pulou nenhuma etapa e que segui exatamente os passos descritos?

      Excluir
  25. Oi Elaine, tudo bem? É minha primeira vez aqui no seu blog e eu adorei. Nunca aprendi, de maneira tão genial, sobre as configurações de blogs. Obrigada. Mas eu gostaria de lhe fazer uma perguntinha, pode? Bom, comecei meu blog agorinha mesmo e estou com duas dificuldades. A primeira é deixar os comentários sempre visíveis (coisa que eu já tentei e não consigo, a opção Incorporado está habilitada, mas nada... ) e a outra perguntinha é sobre este seu post. Segui todos os passos, mas na hora de localizar o <div clas='comments.... não aparece nada. Aliás, dei um crtl+F geral na palavra Comments e não consta nada. Vc pode me ajudar? É normal?
    Obrigada pela atenção e parabéns!!!

    ResponderExcluir
    Respostas
    1. Os comentários não ficarão visíveis na home, jamais. Eles só aparecem nas páginas internas, ou seja, na página do post. Para abri-los tem que clicar ou em Leia mais caso use o jumpbreack ou em Comentários. Isso é padrão, não tem jeito.

      Sobre não achar a linha não é normal. Todo blog tem.
      Olhei seu código fonte agora e achei de primeira. Está abaixo de post-footer-line post-footer-line-3
      Pode olhar, tá lá, eu garanto rsrsr

      beijoss, bom dia

      Excluir
  26. Olá, eu já tentei de todas as formas, mas não consigo encontrar essa tag no meu blog! Poderia me ajudar?

    Bites
    http://tarybelmont.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Tary, todos os templates tem, e o seu, que é um modelo nativo do Blogger com certeza tem também.
      Tente de novo, não esqueça de teclar Ctrl+F dentro da caixa de código, tá?
      bjssss

      Excluir
  27. o ruim é que quando alguem comenta com o blog, depois não tem como comentar com facebook,,, e as pessoas comentam com o facebook e a gente não sabe nem é avisado por nada :(

    ResponderExcluir
    Respostas
    1. Verdade, é o que acontece aqui também!

      Excluir
    2. A solução para este problema é colar o primeiro código após a segunda ocorrência de <div class='comments' ... ao invés de colar após a primeira ocorrência.
      Em alguns casos essa é a solução.

      Excluir
    3. Aqui não funcionou... quando alguém comenta pelo Blogger não aparece a opção de comentar pelo FB. ja troquei da primeira para a segunda ocorrencia e nada. Tem alguma ideia de uma possivel soluçao?

      Excluir
    4. A dica extra que posso dar é tentar colar o código abaixo de ambas as ocorrências ao invés de uma apenas. Em templates muito modificados ou externos ao Blogger pode funcionar, o lance é testar.

      Excluir
  28. Muito Obrigada! Foi de grande ajuda :)

    ResponderExcluir
  29. Olá fofis, estava com saudade daqui, amoooo tudo o que você tem feito,
    como tenho feito vários reparos em casa não deu para passar aqui estava morrendo de saudade... e o que vejo NOVIDADES... amo todas, estou triste por perder a promoção mas aguardo a próxima.., bjocas.

    ResponderExcluir
  30. Olá, tentei colocar a caixa lá no blog e deu certo, mas eu não sei quando alguém comenta, pq não aparece nenhuma notificação pra mim. oq q eu faço?

    ResponderExcluir
    Respostas
    1. Greice, para ver as notificações tem que acessar a página do Facebook, lá ondeexpliquei sobre como moderar.
      bjsss

      Excluir
  31. OLá, acabei de testar aqui mas só funcionou para o primeiro post do blog. o resto das postagens nao funcionou. Sabe me dizer o porque e como proceder? Obrigada
    aguardo resposta

    ResponderExcluir
  32. ps: na verdade acabei de ver que so esta aparecendo isso quando a postagem não possui comentarios. testei aqui rpa ver se nas com comentario aparece mas nao esta aparecendo

    ResponderExcluir
  33. Respostas
    1. Bábara, eu precisaria ver seu blog pra sugerir algo.
      Como não sei como é seu template não posso ajudar.
      Sugiro que releia o tutorial e veja se não esqueceu mesmo nada.
      Como eu disse nas respostas acima este é o método que uso nos blogs que personalizo.
      Aqui não vai aparecer porque eu não uso.
      Mas pode ver em meu portfólio, aqui:http://portfolio.elainegaspareto.com/
      beijos, bom final de semana

      Excluir
  34. Perfeito ficou muito bom ,melhor tuto que ja vi na web,...simples e objetivo
    meu site www.superguiateresina.com

    ResponderExcluir
  35. Oi eliane eu tentei fazer isso mas não sei o que deu errado, e depois que eu fiz isso o gadget da minha fã page do facebook agora só aparece no meu blog se eu estiver logada no facebook, o que eu faço? você poderia me ajudar? o meu blog é http://apenasparaagarotas.blogspot.com.br/

    ResponderExcluir
  36. oi eliana.

    deu tudo certo , mas depois de 1 hora os comentários some do blog. como posso deixa-los permanentes?

    ResponderExcluir
  37. Oi gente tem uma coisa que faltou nesse post (qu por sinal me ajudou muito), se vcs quiserem usar o visual dark tipo para um blog mais escuro acrescentem na linha
    para esse 500 que eu mudei pode aumentar e diminuir a caixa de comentarios se possivel seria até legal acrescentar no post ;)

    ResponderExcluir
  38. Parabéns único blogger com tutorial novinho depois da atualização do facebook developers e do blgoger na parte EDITAR HTML!

    Parabéns!

    ResponderExcluir
  39. Ficou muito bom e funcionou, tinha tentado n tutorial de outro blog mas não deu certo, parabéns pelo ótimo blog que vc desenvolve aqui.

    ResponderExcluir
  40. Adorei, deu certíssimo no meu! Obrigado pelo tutorial. bjs

    ResponderExcluir
  41. Ah, percebi agora que quando meu posto tem comentários do blog não aparece a opção de comentar pelo facebook! Teria como você me ajudar? Bjs

    ResponderExcluir
    Respostas
    1. Fernanda, experimente colar o primeiro código na segunda ocorrência do trecho que mandei procurar ao invés de colar na primeira ocorência.
      Pode ser que resolva.
      bjs

      Excluir
    2. Olá Elaine,
      Eu fiz isso no meu blog de testes, pois estava dando o mesmo problema que a Fernanda. Só que agora a opção de comentar no Facebook só aparece quando alguém comenta pelo blogger. Menos mal, mas será que teria uma maneira de aparecer os dois ao mesmo tempo sempre, sem ter que fazer um comentário antes pelo blogger?

      Excluir
    3. Raul, isso não deveria acontecer.
      Experimente colar o código abaixo das duas ocorrências ao invés de colar abaixo da primeira ou segunda. Cole em ambas, deve resolver.

      Excluir
    4. Elaine, fiz o que você sugeriu e agora deu certo, muito obrigado.
      Coloquei no meu blog: http://www.campanicultural.com.br/
      Bjs.

      Excluir
  42. Olá Elaine. Ótimo tutorial, muito obrigado. Os comentários do facebook funcionaram com perfeição, no entanto, já coloquei em configurações dos comentários do blogger como comentários em Página Inteira e ele ainda não funciona, aliás já tentei todas as opções e nada, olha só http://www.sofavermelho.com/2012/11/a-volta-do-poeta.html . Outra pergunta, eu já usava uma caixa de comentários do face, quando passei pra essa os comentários desaparecerem, mas continuam no meu app, tem como eles voltarem para os textos?

    ResponderExcluir
    Respostas
    1. Ronaldo, não é página inteira, é Incorporada.
      Acho que não tem como os comentários voltarem não, nunca testei...

      Excluir
  43. Aaaaah morri!
    Não consigo, Lã.
    Não consigo.
    Pior, agora ficou uma caca de vez!


    ResponderExcluir
  44. adoorei obrigada !!!!!!!!!!!!!!!!!!!!!

    ResponderExcluir
  45. Elaine, depois de fazer pela segunda vez e lendo suas respostas em alguns comentários eu finalmente acertei.
    Só queria tirar uma dúvida. No caso na página principal eu uso uma faixinha com o número de comentários que o post tem. Mas ali só está contando os comentários feitos com o Blogger. Por exemplo, para testar eu comentei com o facebook e com o blog. E lá na faixinha consta apenas 1 comentário. Você saberia como resolver isso?

    Obrigada desde já!

    ResponderExcluir
    Respostas
    1. Luh, não há solução para isso pois não é possível numerar os comentários feitos via Facebook.
      E como eles na verdade não pertencem ao Blogger não entram na contagem de comentários do Blogger.
      Certinho?
      bjsssss

      Excluir
  46. Tentei fazer no meu blog mas não deu certo. Só ficou na primeira página e não aparecia nas outras. Tem alguma dica de como deixar o aplicativo funcionando também nas outras páginas?

    ResponderExcluir
    Respostas
    1. Prelúdio, a recurso funciona em todas as postagens.
      Tem certeza que não saltou nenhuma etapa?

      Excluir
  47. Adorei o posto, mas eu não consegui colocar e fiz uma bagunça nos comentários

    Me ajuda a pelo menos consertar??

    http://versatilidadesfemininas.blogspot.com.br/2013/07/dia-do-amigo-expresse-se.html


    Na pressa não fiz o backup e me ferrei ):

    ResponderExcluir
    Respostas
    1. Larissa, releia o artigo e vá fazendo o inverso: apagando os trechos que inseriu.
      Como esqueceste o backup essa é a melhor sugestão que posso dar.
      beijos

      Excluir
  48. Alguém aí sabe mudar a cor da letra do comentário? coloquei a letra preta , mas o fundo já está preto não dá de ver os comentários

    ResponderExcluir
    Respostas
    1. Também gostaria de saber como mudar a cor das letras.

      Excluir
  49. Valeu Elaine, seu tutorial foi o único que deu certo por aqui, sucesso.

    ResponderExcluir
  50. Muito bom! A melhor explicação que encontrei! Deu certo! Obrigada!

    ResponderExcluir
  51. Ai, não achei o primeiro código: <div......
    Meu template é diferente, tipo site.
    Me ajuda?!

    ResponderExcluir
    Respostas
    1. Sarah, ajudo sim.
      Escreve pra mim usando o contato do blog, a gente combina o valor e eu faço pra você.
      beijosss

      Excluir
  52. Muito útil! Já coloquei no meu blog, obrigado pelo tuto.

    ResponderExcluir
  53. Olá, fiz todos os passos corretamente e a caixa de comentários do face apareceu na aba, mas quando clico na aba do blogger ela não mostra os comentários, poderia me ajudar??

    ResponderExcluir
  54. Oi Elaine!

    Obrigada! Com você estou perdendo o "medo" de mexer no código do blog e sempre tenho ótimos resultados com suas dicas!

    Bjos!!

    ResponderExcluir
  55. Ola, tudo bom!!

    Apliliquei no meu blog mas só aparece a area que fica a caixa de comentários do blogger. Depois de comentar na caixa do blogger ai sim aparece como caixa do facebook, seria assim mesmo?

    ResponderExcluir
    Respostas
    1. Rai, experimente colocar o primeiro código abaixo da segunda ocorrência do trecho que localizou. Releia o texto, eu falo isso em negrito.
      bjsss

      Excluir
  56. amei
    http://fabbulousbitch.blogspot.com.br/

    ResponderExcluir
  57. Olá Elaine. Gostei do seu blog e parabéns pelo post. Muito legal, agora estou com uma duvida " como faço pra mudar a largura de onde a pessoa vai escrever seu comentário ? " Se tiver como me ajudar desde já agradeço.

    ResponderExcluir
    Respostas
    1. Olha, nunca tentei mudar isso já que na verdade essa área é expansível à medida que a pessoa escreve.
      Mas tente fazer mudanças no código CSS, talvez funcione. Mas nunca tentei.

      Excluir
  58. Olá Elaine,
    no meu blog www.arteffinal.com ficou muito bom. Parabéns pela postagem ensinando a gente, pois, buscava colocar esses comentários juntos até em "blogs mais conhecidos" e não tinha encontrado nada como você explica. Obrigado.

    ResponderExcluir
  59. Muito bom essa dica estava procurando isso obrigado.

    ResponderExcluir
  60. Muito bom mesmo, Ajudou bastante e consegui. Valeu mesmo.

    ResponderExcluir
  61. Muito bom mesmo, eu agradeço mesmo. Finalmente consegui. Agradeço mesmo. Parabéns

    ResponderExcluir
  62. tentei, tentei, tentei... nada aconteceu... testei nas 2 sentenças e nada =/
    OBS: sou altamente iniciante nisso.

    http://djwerson.blogspot.com.br/

    ResponderExcluir
  63. funcionou perfeito! muito obrigado!!!

    ResponderExcluir
  64. Elaine, esse tutorial me ajudou muito! Mas é o seguinte, os comentários antigos não aparecem no blog! (Como neste post: http://www.ohchesus.com/2013/07/o-tweet-que-desmascarou-fifa.html)
    Dá um help! XD

    Aguardo sua ajuda!

    ResponderExcluir
  65. cara muito muito muito muito um milhão de veses muito OBRIGADO vc é fera valeu deu tudo certo
    e ta aeui o blog pra provar que deu certo mesmo
    http://micro7info.blogspot.com.br/

    ResponderExcluir
  66. valeu mesmo como gratidão coloquei o seu link no meu blog
    em SITES DE AMIGOS
    http://micro7info.blogspot.com.br/

    ResponderExcluir
  67. aqui no meu blog apenas abriu um espaço em branco mas não apareceu nada, restaurei o templete e deu na mesma, saberia o motivo? ele demora aparecer?

    ResponderExcluir
    Respostas
    1. Não, é imediato.
      Deve ter algo errado, experimente antes em um blog de testes.

      Excluir
  68. Elaine, você não imagina como estou feliz com o êxito !!! Juro por tudo, ganhei meu dia ... tava difícil achar um tutorial que desse certo por completo ¬¬
    Poderia me dar autorização para reblogar o conteúdo? (creditando, é claro...)
    Bjus, e mais uma vez, muito obrigada *ooooooooooooo*

    www.itlooksme.blogspot.com

    ResponderExcluir
  69. o que seria de mim sem sua dicas! Meu blog jamais existiria! ADORO! Compartilharei! kkk

    ResponderExcluir
  70. elaine, segui a suas dicas e deu tudo certo. no entanto, quando tenho um comentário pelo blogger a aba de comentários do facebook some e com ela os comentários que havia sido feitos através do face. Como faço pra resolver isso?

    ResponderExcluir
    Respostas
    1. Também queria saber, aconteceu o mesmo comigo.

      Excluir
    2. Paula e Debbie,
      Isso acontece porque provavelmente vocês precisam colar o código dos comentários abaixo das ducas ocorrências do trecho que o tutorial pede.
      Veja a vídeo aula, eu falo que no meu blog isso foi preciso.
      Certinho?
      bjssss

      Excluir
  71. Não consigo colocar os comentarios do fca no meu blog,,, ja fui passo a passo e aparece sempre um erro ...

    "Erro ao analisar XML, linha 529, coluna 7: The entity "nbsp" was referenced, but not declared."

    ja to desistindo..

    ResponderExcluir
  72. Muito bom. A dica funcionou perfeitamente comigo, já até fiz no meu blog.
    Parabéns pelo post!

    Se puder, conheça o meu blog: http://newbievideoaulas.blogspot.com.br/

    ResponderExcluir
  73. Perfeito! Ficou ótimo! Obrigado!
    Se quiser dar uma olhada... www.antenalivre.com

    ResponderExcluir
  74. Não consigo achar o primeiro código ( o div class), pode me ajudar?

    ResponderExcluir
  75. Estou com uma dúvida.
    Na hora quando abro o finder, ele não encontra os códigos, eu tenho que rolar a pagina e ficar clicando toda hora para ver se ele consegue encontrar.
    Deu tudo certo, até que não encontrei o "]]>", ai eu cancelei tudo e desisti.
    Não tem nada mais simples não?

    ResponderExcluir
    Respostas
    1. Para localizar os trechos que precisa o único modo é teclar Ctrl+F dentro da caixa de código, e na barra de busca que abrir digitar ou colar o termo procurado.
      Não, não conheço nenhum outro modo.

      Excluir
  76. Muito boa a dica. funcionou perfeitamente no meu blog. Acesse e confira. http://multiclickbrasil.br.com/

    ResponderExcluir
  77. Olá, eu consegui fazar tudo com vc explicou, mas deu um erro: ao invés de aparecer p pessoa selecionar qual ela quer usar, aparece um em baixo do outro .
    Pode dá uma olha p mim? Sabe o que eu tenho q fazer?
    Obrigada.
    Adorei as dicas.
    Bjus!
    http://yasmimpink.blogspot.com.br/2013/08/esmalte-da-semana-preto-grafico-fosco.html

    ResponderExcluir
  78. Não funcionou, tentei duas vezes, acha que pode ser o template? Virtuale.

    ResponderExcluir
    Respostas
    1. Já consegui. Uma dica pra quem não está conseguindo, basta ir nas configurações de comentário e alterar para exibir em abas.
      Parabéns pelo tuto.

      Excluir
  79. 2º tutorial que fiz pelo seu blog e deu certinho!!! #emocionada ^^
    Obrigada :)

    ResponderExcluir
  80. quero saber como deixar aparecer só a postagem mais recente e quem quizer ver antiga clique em algum botão

    ResponderExcluir
  81. Valeu, Ajudou Muiito ! Muito Obrigado!

    ResponderExcluir
  82. olá , funcionou , porem em paginas fixas do menu , no cabeçalho , não aparece a caixa de comentarios do facebook , poderia ajudar?

    ResponderExcluir
    Respostas
    1. Se os comentários do Blogger não estiverem ativados nas páginas estáticas os do Facebook também não funcionarão.
      Se não for isso não sei o que pode haver pois cada template tem suas próprias particularidades e fica impossível ajudar sem ver em qual instalou... desculpe.

      Excluir
  83. Bom dia, Elaine.

    Eu coloquei o código no meu blog, seguindo o seu passo-a-passo, que aliás é muito, mas, ontem, quando fiz uma postagem nova, só apareceu a opção de comentar pelo blogger, como era. Nas postagens mais antigas, feitas antes de eu colocar o código, aparece perfeitamente as duas opções.
    Você sabe me dizer por que isso aconteceu?
    Muito obrigado.

    Abraço.

    ResponderExcluir
    Respostas
    1. Matheus, talvez você tenha inserido o segundo código no lugar errado.
      Faça testes, coloque na primeira ocorrência como explico no texto, ou na segunda.
      Pode ser isso...
      bjssss

      Excluir
  84. Oi Elaine, na verdade tudo corria bem, mas não encontro o ]]> na pesquisa... já procurei muito... Obrigado

    ResponderExcluir
  85. Olá Elaine. Muito bom este artigo. Estava procurando fazer isso no meu blog e agora deu certo.
    Quero lhe fazer uma pergunta: Dá pra inverter a ordem? O primeiro comentário é o do Blogger depois o do Facebook?

    ResponderExcluir
    Respostas
    1. Rafael, que eu saiba, não.
      Mas nunca tentei, então sugiro que faça testes.
      Mas como disse, nunca tentei.

      Excluir
  86. EU FIZ ALGUMA BESTEIRA, MEU BLOG SUMIU! EU CLICO E NADA! OQ Q EU FIZ? RS

    ResponderExcluir
  87. funcionou , porem atrapalhou um coisa em meu blog , tenho na pagina inicial um tipo de caixa da qual as postagens mais recentes ficam aparecendo e se mexendo, ao adicionar o seu esquema do facebook , a minha caixa parou de funcionar ocorrendo um travamento , poderia me informar o que pode ter ocorrido?

    ResponderExcluir
  88. OMG...
    Tento fazer isso funcionar desde o inicio dos tempos da civilização e só vc conseguiu fazer isso funcionar no meu blog.

    meu template é todo "complicado" super mexido já por mim um verdadeiro "frankenstein" e nada funcionada nele.
    Mas quando vc falou sobre a segunda ocorrência do
    <div class='comments'
    vc matou a charada do motivo de esses tutorias todos nunca terem funcionado no meu blog.

    Muitíssimo obrigada!!!! Vc vai direto pro céu!
    Ta add em favoritos, blogs que eu sigo, divulgada pelos quatro cantos do mundo pq todos precisam saber disso!!!!
    Obrigada meeeeesmo!

    Por enquanto ta em meu blog de teste, mas caso queria ver depois (quando eu instalar em meu blog) o endereço é:

    www.saekawaii.com

    Você é um anjo na terra!!! ♥

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

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

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

    ResponderExcluir
    Respostas
    1. Também não consigo salvar as alterações feitas na moderação. Estou sem moderação também :(

      Excluir
    2. Sae, aparentemente a função Moderar foi retirada.
      De todo modo sempre é possível excluir algum comentário deselegante...

      Excluir
    3. Thiago, acho que foi retirada a opção Moderar...

      Excluir
    4. Muito obrigada pela resposta, Eliane.
      E parabéns novamente pelo excelente conteúdo! :)

      Excluir
  91. Olá! Adorei o tuto!
    Porem no meu blog, deu certo no inicio, mas agora quando faço um novo post, não aparece mais a opção de comentar pelo face. O que eu faço?

    http://www.spacop.com

    ResponderExcluir
  92. Esse foi o único código que deu certo em meu site/blog, muito obrigado pela ajuda!

    ResponderExcluir
  93. Fiz exatamente como você explicou,aparece em todas as minhas postagens, tanto a do facebook como do google, porem reparei que no menu Índice do meu site, não aparece a caixa de dialogo do facebook. Poderia me ajudar Elaine???

    Este é o meu site:
    http://www.ultragamix.com/

    So tenho problemas no menu Indice:
    http://www.ultragamix.com/p/indice.html

    Gostaria de resolver isso, pois pretendo criar outras paginas no menu futuramente.

    ResponderExcluir
  94. Muito obrigado ficou perfeito

    http://www.livrariadomad.com.br/

    olhem ai minha pag

    ResponderExcluir
  95. Obrigado.
    Tinha visto outro tutorial mas esse é mais estiloso :)

    ResponderExcluir
  96. Socorro não acho esse codigo não tem no meu modelo e agora ?

    ResponderExcluir
  97. Arrebentou, parabéns e muito obrigado pela contribuição.

    ResponderExcluir
  98. Meuuuuuuuuuuuuuuuuuuuuu Anjo, consegui Fácil, quebrei a cabeça em outro tutorial de outro site, parabéns moça lhe adicionei nos favoritos para novos tutoriais.

    ResponderExcluir
  99. Parabéns Elaine,
    Seu blog foi o único que obtive sucesso com o tutorial de comentários do facebook.
    Muito obrigado!
    Grande abraço,
    Emanuel Galvão

    ResponderExcluir
  100. Vou te contar uma agora que foi engraçada Elaine envolvendo seu blog: vc acredita que uma pessoa acabou de me indicar esse tutorial como dica de viabilizar os comentários lá na Caixa e recomendações de que funciona?!?! Achei que era um sinal e resolvi aplicar ao O que tem na nossa estante... funciona mesmo, mas isso eu já sabia!!! hahah

    ResponderExcluir
  101. Obrigado Elaine, deu certinho certinho.. Bjss. Mas tem um probleminha, o fundo do meu template é muito claro e então eu queria mudar o fundo da caixa de comentário para escuro. Como faço isso?
    PS:

    ResponderExcluir
  102. SEUS POSTS TEM ME AJUDADO MUITO! OBRIGADA.. SEGUINDO COM CERTEZA

    ResponderExcluir
  103. Não consegui visualizar as listas de comentários e nem moderar nenhum...mas consegui instalá-lo!!! Valeu!!!

    ResponderExcluir
    Respostas
    1. Daniel, experimente checar em Alertas.
      Caso não esteja lá é porque não há comentários para moderar, ou então algo foi feito diferente durante o processo.
      Também pode ser que o recursos tenha sido modificado pelo Facebook, que é o gerador do aplicativo.

      Excluir
  104. Nossa, depois de tanto tentar, consegui! E seguindo o teu tutorial. Obrigada pelas dicas, elas estão me ajudando e muito na personalização do meu blog. É só ter um pouco de paciência e disponibilidade. Beijos

    ResponderExcluir
  105. infelizmente no meu aparece isso aqui Erro ao analisar XML, linha 4, coluna 7: The entity "nbsp" was referenced, but not declared e não consigo arrumar !

    ResponderExcluir
  106. Boa tarde Eliane, eu fiz tudo que ensinou, mas nas postagens que já tinham comentários a configuração não alterou, só ficou os comentários do blogger. É assim mesmo?

    ResponderExcluir
    Respostas
    1. Aline, não é não. Experimente colar o código que define os comentários embaixo das duas ocorrências do trecho que pedi pra procurar.
      Talvez resolva.
      bjssss

      Excluir
  107. Elaine,
    Obrigada pelas dicas!! Estou adorando o seu blog!!

    http://donaingrid.blogspot.com.br/

    ResponderExcluir
  108. Olá Elaine, como faço para diminuir o tamanho do ícone de comentário do Blogger que ficou muito grande e o do facebook ficou pequeno. Muito obrigada por dividir as suas experiências, você é "maravilhosa"! Por isso está em primeiro lugar nas pesquisas do Google. Parabéns.

    ResponderExcluir
    Respostas
    1. Querida, creio que faltou uma etapa em seu blog.
      Faltou colocar os estilos, a última parte do tutorial.
      Releia tudo com calma, você verá.
      E olhando seu blog eu sugiro que cole o segundo código abaixo das duas ocorrências do trecho que encontrou. Assim ficará certinho.
      bjssss

      Excluir
  109. Estraguei o meu blog ao tentar fazer isto. Não sei o que fazer agora...

    ResponderExcluir
    Respostas
    1. Inês, Basta reinserir o template original, aquele que você salvou quando fez backup antes de mexer.
      Você fez backup, certo?
      Caso não tenha feito basta reler o tutorial e fazer o contrário, ir retirando os 3 códigos que inseriu.

      Excluir
  110. no meu blog funciono :-) ainda bem vlw pela ajuda

    ResponderExcluir
  111. No meu não encontrei o < / head > (sem espaços)..

    ResponderExcluir
    Respostas
    1. Gabrielli, todos os templates possuem essa tag de fechamento.
      Sem ela o template não funcionaria.
      Experimente de novo, certamente encontrará.
      bjssss

      Excluir
  112. Olá muito bom o tutorial e muito bem explicado, mas no meu caso, no blog que estou fazendo existe alguns slides e percebi que, quando eu inseria o trecho de código de java script logo acima da tag "", como você descreveu em seu tutorial, o slide parava de funcionar, então fiz um teste e movi o trecho de código para baixo da tag "]]>" onde tudo funcionou como eu queria!

    ResponderExcluir
    Respostas
    1. Leandro, é isso aí!
      Persistência e perseverança, e muitos testes, sempre dão certo!
      Parabéns pela solução e obrigada pela dica!

      Excluir
  113. Hahaa,
    deu super certo, mas também tudo bem explicadinho assim como não daria... rsrsrs
    parece que estou aprendendo.. kkk
    bjoss no coração!

    ResponderExcluir
  114. Muito bom tutorial, claro e objetivo. No meu blog a descrição comentário ficou assim coment?rio, como posso corrigir isso?

    ResponderExcluir
    Respostas
    1. Hum, não sei.
      Olhei seu blog e pra mim apareceu normal.
      Onde você identificou o erro de pontuação

      Excluir
  115. Fiz tudinho, salvei e não apareceu nada no meu blog :/

    ResponderExcluir
  116. Nada aconteceu. Me diga pelo amor de Deus quanto custa pra vc me fazer essa gentileza, pq já quebrei minha cabeça demais. Beijos. meu e-mail amacdri@gmail.com

    ResponderExcluir
    Respostas
    1. Adriana, escreva pra mim via formulário de contato do blog, diga o que deseja, se são só os comentários do face no blog e a gente combina sim, será um prazer.
      beijos

      Excluir
  117. Elaine, sou um blogueiro novato, tenho pesquisado bastante esses tutoriais para incrementar facilidades no meu blog, ainda não encontrei nenhum site tão completo e agradável quanto o seu. Parabéns pelo excelente trabalho!
    Tentei inserir os comentários do Facebook conforme esse tutorial, não sei exatamente onde errei, pois não consegui, e por consequência sumiram meus comentários comuns do blogger também..
    Por favor me ajude! Fiz backup mas não adiantou.
    Abraço.
    David Justo
    www.falandosozinhoblog.blogspot.com.br

    ResponderExcluir
    Respostas
    1. David, bom dia
      Eu olhei seu blog e os comentários do Blogger aparecem pra mim.
      Está normalizado?

      Experimente a vídeo aula, talvez fique mais fácil.

      Excluir
  118. fiz tudo certinho, aceita os codigos tudo , mas não aparece o de comentarios do facebook
    veja lá http://porto24hs.blogspot.com.br/



















    ResponderExcluir
    Respostas
    1. Maurino, veja a vídeo aula, talvez você tenha esquecido ou deixado passar alguma etapa.
      bjsss

      Excluir
  119. Olá Elaine, boa tarde !
    Primeiro gostaria de agradecer a você por compartilhar seu trabalho conosco. Já me ajudou muito na customização do meu blog.
    Em segundo lugar, quero dizer que este widget funcionou perfeitamente seguindo o seu tutorial, porém tive outro problema, os slides automáticos do meu blog, pararam de funcionar. Fiz o teste, retirei os códigos referentes aos comentários do facebook do HTML e eles voltaram a funcionar. Não se se você se interessaria em se manifestar, mais eu gostaria de saber qual o motivo disso acontecer e se tem alguma solução, pois acho de extrema importância ter os comentários no facebook, tanto quanto ter os slides no cabeçalho do meu blog e como não sou boa em HTML, não faço idéia de como resolver isso.

    Bom era isso, obrigada !

    ResponderExcluir
    Respostas
    1. Si, em geral esses conflitos acontecem quando scripts usam a mesma biblioteca JQuery.
      Talvez seja o caso de seu slide, ele deve usar algo que conflita com o plugin dos comentários.
      Infelizmente terá que escolher, ou usar outro tipo de slide...
      bjssss

      Excluir
    2. Eu não testei, mas experimente trocar de local o widget dos slides, muitas vezes o conflito entre widgets acontece por eles estarem no mesmo bloco.

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…