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.
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.
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.
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 == "item"'>
<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:
Desta maneira que deverá ficar:
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:
Cole o código do plugin logo ACIMA de </b:includable>
Veja imagem:
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:
- 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.
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”.
Pronto!
Agora você já sabe como colocar comentários do facebook no Blogger.
E você, o que acha?
Camila Fiori
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.
Obrigado. Penei um pouco mas consegui! Parabéns pelo trabalho.
Vlw, ajudou muito!
O melhor, ajudou muito!!!
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?
Acho que sim, cara. Também uso o Visualizações Dinâmicas e já pelejei muio para ativar comentários do Facebook e nada…
Ajudou muito. Obrigada mesmo.
o meu apareceu isso >> The widget with id “Blog1” cannot contain element: “b:if”. A widget can only contain b:includable elements.
Valeu! Deu super certo! Abraço!
O melhor blog que eu conheço. Otimas dicas sempre. Obrigado por ajudar quem precisa, você é demais.
Obrigadaaa. Me ajudou bastante
Obrigado, ajudou muito
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?
Pra mim, deu certo. valeu.
funcionou perfeitamente
Cara muito obrigado! hahahahaha tem um tempão que queria isso e nunca conseguia agora está certinho 😀
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?
Boa noite.o Blogger não está encontrando o div class=’post-footer-line post-footer-line-3 … O que faço?
Muito bom, tudo funciona em perfeita ordem !
Eu segui todos os passos e não deu certo… :/ vou tentar novamente!
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.
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
OBRIGADA!!!!!!!!
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.
Tem como fazer com que os comentários do FB sejam contabilizados juntos com o do blogger?
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
Obrigada, foi de grande ajuda 🙂
ae valeu a primeira maneira deu serto
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…
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!
Tem sim Yasmin, mais você tem que baixar o API do facebook para comentarios.
https://developers.facebook.com/docs/plugins/comments
Acesse este link e você terá uma explicação melhor.
Obg.
Adriano,eu estava a procura deste tutorial,vou tentar colocar no meu blog.
Obrigada
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
Já consegui resolver Adriano. Era uma besteira e não tinha NADA a ver com o tutorial. Abraços.
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
AMIGO MEU blog nao possuem esses codigos, oq devo fazer?
Obrigado, Consigui aqui amigo.
Oi, como faço para aparecer no contador os comentários que foram feitos pelo facebook?
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
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 *.*
alguém sabe como fazer essa likebox?
http://www.eumeestresso.com.br/
Funcionou perfeitamente.
Valeu!!!
Olha segui todas as orientações e não deu certo! Triste! Como faço conseguir colocar este comentário no blog?
Ola Damião.
O que aconteceu que não deu certo?
Simplesmente não apareceu nada ou deu mensagem de erro?
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: