Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Ferramentas Redes Sociais Camila Fiori

Como Colocar Comentários do facebook no blogger

Colocar Comentários do Facebook no Blogger

Saber como colocar comentários do Facebook no blogger é sem dúvidas um diferencial para seu projeto, visto que você aumenta e muito a divulgação de suas páginas com este método.

Antes de postar o artigo, recomendo que veja este vídeo abaixo. Trata-se de um outro tutorial diferente que encontrei que pode ser muito útil.

[Ads2Cash video=”https://www.youtube.com/watch?v=xgMXp7M5XFU”]

 

Isto ocorre porque a cada comentário o mesmo é postado na timeline da pessoa em que comentou, com o link do artigo na qual o comentário ocorreu. Estas são apenas algumas das vantagens em colocar comentários do Facebook no Blogger.

 

como-colocar-comentarios-do-facebook-no-blogger

 

Este artigo é um pedido de alguns leitores que entraram em contato buscando este tipo de conteúdo.

Embora já tivessemos publicado um artigo semelhante aqui no Mundo Blogger há algum tempo atrás, estamos atualizando e re-publicando ele para os interessados.

É possível você colocar comentários do Facebook no Blogger sem duplicar os comentários em todos os posts, sem necessidade de desativar o sistema de comentários dos blogger. E é exatamente isto que será ensinado neste artigo.

 

como-colocar-comentarios-do-facebook-no-blogger2

 

Atenção: Se deseja colocar comentários do facebook no blogger, para que o sistema funcione corretamente, é necessário criar um aplicativo (App)do facebook e já ter instalado o código SDK Javascript, bem como já ter instalado e configurado o código do aplicativo no html do seu blog.
Se você ainda não criou, então acesse este tutorial Criar aplicativos do Facebook para usar no blog e siga passo a passo, pois você precisará da ID do seu aplicativo para colocar comentários do facebook no blogger que você vai instalar.

 

1. PLUGIN SISTEMA DE COMENTÁRIOS DO FACEBOOK NO BLOGGER

O primeiro passo é localizar onde será adicionado o código.
Acesse o painel do blogger, clique no menu “modelo” e entre na edição html do seu tema.
Use ctrl+f e localize a tag:


div class='post-footer-line post-footer-line-3

No final da tag de fechamento, você verá a seguinte tag:


</b:includable>

Cole o código do plugin logo ACIMA dessa tag </b:includable>
Código do plugin:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments'>
<h4>Comente com o Facebook:</h4>
<fb:comments data-colorscheme='light' expr:href='data:post.url' num_posts='5' width='480'/>
</div>
</b:if>

 

Abaixo exemplo:

Adicionar sistema de comentários do Facebook no Blogger

 

Desta maneira que deverá ficar:

5p

Outra opção: Alguns modelos de temas do Blogger podem não funcionar corretamente ao adicionar estas tags neste local. Neste caso, adicione da seguinte maneira.
Use ctrl+f e localize a tag:


<b:includable id='comment_picker' var='post'>

 

Ao lado desta tag que você você verá uma seta preta. Clique nela.
Clique também na seta acima. Veja nas imagens abaixo:

 

1p

Cole o código do plugin logo ACIMA de </b:includable>
Veja imagem:

2p

2. COMO PERSONALIZAR O PLUGIN:

Para personalizar o plugin, existem alguns trechos do código adicionado na qual você pode alterar:
width=’480‘ -> refere-se a largura do caixa de comentários, ajuste o tamanho de acordo com a largura que ficar melhor em seu tema, substituindo o ‘480’.
data-colorscheme=’light‘ -> o facebook só dispõe de 2 modelos de cores: light e dark. O mais utilizado é o light.

Agora veremos como adicionar código CSS.
Procure pela tag ]]></b:skin> e logo ACIMA dela, adicione o código:


.fb-comments { 
margin:10px;
padding:10px;
}
.fb-comments h4{
color:#CCCCCC;  /*--- ajuste a cor da fonte ---*/
font-size:18px;   /*--- ajuste tamanho da fonte ---*/
font-weight:bold;
padding:10px;  
}

3. MODERANDO OS COMENTÁRIOS

Além de personalizar o plugin, você tem a opção ainda de moderar os comentários.
Acesse o link: http://developers.facebook.com/tools/comments

Clique no aplicativo que você criou, e em seguida clique no link “Configurações” que está ao lado direito.
Configure o painel marcando as opções desejadas.

Veja imagem:

Adicionar sistema de comentários do Facebook no Blogger (3)

  • Moderadores: Escolha os perfis dos moderadores de comentários, podendo ser um ou mais (caso você tenha outra pessoa que trabalhe no blog).
  • Modo de moderação: Escolha se vai moderar ou não os comentários.
  • Palavras na lista negra: Escolha se quer bloquear certas palavras usadas nos comentários. Isto é muito útil em caso de palavras ofensivas que as vezes alguns visitantes “ilustres” deixam nos comentários.
  • Caso não deseje, deixe a opção “sem restrições”.
  • Outros provedores de login: Escolha se deseja permitir que os usuários comentem com outro provedor, como por exemplo usando o login do yahoo.
  • 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.
4. NOTIFICAÇÕES DE COMENTÁRIOS RECEBIDOS

Toda vez que vez que você entrar em seu perfil no facebook (o perfil na qual é o administrador da APP), você receberá notificações dos comentários aguardando moderação, caso tenha sido esta a opção escolhida nas configurações de seu APP.

 

Moderando os comentários do facebook no blogger

 

Ao clicar na notificação, você será redirecionado para a página onde visualizará os comentários e poderá efetuar a moderação.
Clique em “Visualização do moderador”.
Marque os comentários a serem publicados e clique em “Aprovar”.

 

Moderando os comentários do facebook (2)

Pronto!

Agora você já sabe como colocar comentários do facebook no Blogger.

E você, o que acha?

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing. Também escreve no seu blog Afiliados na web.

Sobre o autor | Website

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing. Também escreve no seu blog Afiliados na web.

Desculpe, os comentários deste artigo estão encerrados.

44 Comentários

  1. Cristiano disse:

    Obrigado. Penei um pouco mas consegui! Parabéns pelo trabalho.

  2. White Fox disse:

    Vlw, ajudou muito!

  3. Nathy disse:

    O melhor, ajudou muito!!!

  4. Mattheus disse:

    Não consigo colocar no meu, fiz todos esses passos ai e não pegou, será que é por causa do meu modelo ?
    Estou usando o visualizações dinamicas tem algo haver isso?

    • Felype Maciel disse:

      Acho que sim, cara. Também uso o Visualizações Dinâmicas e já pelejei muio para ativar comentários do Facebook e nada…

  5. Ajudou muito. Obrigada mesmo.

  6. Érika disse:

    o meu apareceu isso >> The widget with id “Blog1” cannot contain element: “b:if”. A widget can only contain b:includable elements.

  7. Marcelino disse:

    Valeu! Deu super certo! Abraço!

  8. Mariely disse:

    O melhor blog que eu conheço. Otimas dicas sempre. Obrigado por ajudar quem precisa, você é demais.

  9. Mirelle disse:

    Obrigadaaa. Me ajudou bastante

  10. Lucas disse:

    Obrigado, ajudou muito

  11. Olá Adriano, boa dica!
    O problema, é que quando tentamos inserir o código do Plugin no HTML no Blogger, sempre dá um erro, relatam que falta esse símbolo “;”.
    Sabe me dizer se é possível colocar o contador de comentários?

  12. Pra mim, deu certo. valeu.

  13. funcionou perfeitamente

  14. Marina disse:

    Cara muito obrigado! hahahahaha tem um tempão que queria isso e nunca conseguia agora está certinho 😀

  15. O meu modelo só tem a opção: div class=’post-footer-line post-footer-line-2.
    Segui todas as opções e não deu certo.
    Como proceder?

  16. Ton Rock disse:

    Boa noite.o Blogger não está encontrando o div class=’post-footer-line post-footer-line-3 … O que faço?

  17. Muito bom, tudo funciona em perfeita ordem !

  18. thais disse:

    Eu segui todos os passos e não deu certo… :/ vou tentar novamente!

  19. Olá tudo bem? Desculpe pela pergunta fora de post, eu gostaria de deixar no formulario de comentários do meu blogger somente a opção comentar como nome/url sabe me dizer se é possível? Por que muitas pessoas não gostam de se logar com as contas google.

    Obrigada, abraços.

  20. Instale e deu tudo certo, mas Não estou recebendo as notificações no meu Facebook, eu não consegui achar onde coloco essa opção, a plataforma esta diferente da mostrada por vc no post,
    Sera quer por favor vc pode me mostrar

  21. SILVIA disse:

    OBRIGADA!!!!!!!!

  22. Lucas disse:

    O meu deu certo, porém errado ao mesmo tempo! Exemplo: Eu gostaria que sumisse esse: Comentários do Blog
    e fosse substituido pelo do Facebook.
    Como faço? Ficam os dois e eu gostaria que ficasse somente os comentários do Facebook.

  23. Darlo Brito disse:

    Tem como fazer com que os comentários do FB sejam contabilizados juntos com o do blogger?

  24. Livy disse:

    Oi =D

    Obrigada pelo tutorial. Fiz no meu blog e funcionou perfeitamente!
    Queria saber se tem como contabilizar os comentários somando junto com os feitos via caixa do google. É possível? Podem me ajudar?

    Abs

  25. Dezy disse:

    Obrigada, foi de grande ajuda 🙂

  26. augusto lopes disse:

    ae valeu a primeira maneira deu serto

  27. Cara, muito bom o tutorial!

    Fiz acompanhando os passos e funcionou direitinho no meu blog! Continue fazendo o ótimo trabalho, vou usar outros tutoriais daqui para melhorar o meu blog com certeza, hahahah…

  28. Yasmin disse:

    Amei os artigos, muito bons mesmo! Só queria tirar uma dúvida, não tem como aparecer a área de coments do Facebook já na página inicial? Já vi muitos blogs com ela assim, e às vezes penso que a pessoa deixa de comentar por não ter aberto o post e nem saber que tem a área pra coments pelo Facebook. Por favor responda minha dúvida! Obrigada!

  29. Adriano,eu estava a procura deste tutorial,vou tentar colocar no meu blog.
    Obrigada

  30. Nathalia disse:

    Oi, eu tive um problema. Uma parte dos meus gadgets laterais não param de tremer! Tentei diversos tutoriais mas sempre rola esse mesmo problema. Você pode me ajudar? http://curiosametamorfose.blogspot.com.br/

    A partir de “receba por email” tudo treme sem parar.

    Tirando isso, esse foi o melhor tutorial que eu vi. funcionou direitinho e apareceu até onde já tinham comentários do google.

    Desde já obrigada,
    Nathalia

    • Nathalia disse:

      Já consegui resolver Adriano. Era uma besteira e não tinha NADA a ver com o tutorial. Abraços.

  31. Graças a esse tutorial bem explicado e com mais de uma opção, consegui colocar no meu blog! Todos os que encontrei não davam certo, mas este deu e fiquei muito feliz com o resultado! Obrigada! :3

  32. jombis disse:

    AMIGO MEU blog nao possuem esses codigos, oq devo fazer?

  33. Pedro Paulo disse:

    Obrigado, Consigui aqui amigo.

  34. Britto disse:

    Oi, como faço para aparecer no contador os comentários que foram feitos pelo facebook?

  35. Maria da Luz Branca (Luz Branca) disse:

    Acompanho o blog à algum tempo, tem ótimas dicas e tutoriais bastante completos.
    Parabéns pelo blog e por mais um post bastante completo.
    Maria Luz

  36. Fernanda disse:

    Oie, a tempos que procuro uma caixa igual essa que esta aqui no mundo blogger ou algo semelhante….Teria como me ensinar a colocar uma dessa no meu blog *.*

  37. silvio disse:

    alguém sabe como fazer essa likebox?
    http://www.eumeestresso.com.br/

  38. André Santos disse:

    Funcionou perfeitamente.
    Valeu!!!

  39. Damião disse:

    Olha segui todas as orientações e não deu certo! Triste! Como faço conseguir colocar este comentário no blog?

    • Adriano Luz disse:

      Ola Damião.

      O que aconteceu que não deu certo?

      Simplesmente não apareceu nada ou deu mensagem de erro?

      • Icaro disse:

        Também não consegui :/ Tentei e tentei! Não sei se é o template que uso, que pode interferir em algo… Queria saber mais de HTML D:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.