Aprenda adicionar a CommentsBox facebook ou caixa de comentários do Facebook em seu blog
Um dos temas mais solicitados é como colocar caixa de comentários Facebook no blog, e que às vezes se torna mais fácil comentar a partir do Facebook, pois a maioria está conectado a esta rede social o tempo todo, e além disso não precisamos entrar com nossos dados do Google para comentar em um blog que contém esse tipo de comentário.
Siga o Bloggermin no Twitter e no Google+, e curta nossa página no Facebook.
Veja O novo Editar HTML do Blogger
Eu vi esse método em Vagabundia, onde explica como adicionar o plugin de comentários Facebook de maneira que cada postagem tenha sua própria caixa de comentários e seja independente dos outros.
Tutorial
Passo 1:
Primeiro entre na seção Modelo > Editar HTML e marque Expandir modelos de widgets, então, busque pela etiqueta:
Abaixo de qualquer um deles adicione:
A caixa estará acima do formulário de comentários do Blogger. Se você desejar que os comentários do Facebook fique abaixo do formulário de comentário do Blogger, então, coloque o código do plugin logo acima de:
Até aqui já temos o CommentBox Facebook, se quiser personalizá-lo um pouco pode colocar antes de ]]></b:skin> alguns estilos, como por exemplo:
Passo 2:
Se deseja que cada vez que alguém fizer um comentário você receba uma notificação do Facebook e poder moderar os comentários, será necessário criar um aplicativo. Mas para tal é necessário verificar a conta do Facebook.
Se assim for, vá para Facebook Developers e clique em Criar Novo Aplicativo.
Digite o nome do aplicativo, aceite os termos e clique em Continuar.
Na próxima tela clique em Site com login utlizando Facebook, digite a URL do seu blog onde colocou caixa de comentários e copie também o número listado no App ID.
Agora entre novamente em Modelo | Editar HTML do seu blog e adicione antes de </head> isto:
Tendo feito isso entre em um artigo para ver sua caixa de comentários e clique em Configurações. Lá você verá várias opções para o plugin; onde diz Moderadores, adicione o seu nome e salve as alterações.
Depois de ter feito tudo isso, poderá moderar os comentários e receber as notificações na sua conta do Facebook cada vez que alguém fizer um comentário. Se não fizer isso, você ainda terá caixa de comentários do Facebook, mas sem estas opções.
Qualquer dúvida sobre o assunto é deixar um comentário.
Siga o Bloggermin no Twitter e no Google+, e curta nossa página no Facebook.
Veja O novo Editar HTML do Blogger
Eu vi esse método em Vagabundia, onde explica como adicionar o plugin de comentários Facebook de maneira que cada postagem tenha sua própria caixa de comentários e seja independente dos outros.
Primeiro entre na seção Modelo > Editar HTML e marque Expandir modelos de widgets, então, busque pela etiqueta:
<body>ou caso não encontre procure por:
<body expr:class='"loading" + data:blog.mobileClass'>
Abaixo de qualquer um deles adicione:
<div id="fb-root"></div>Em seguida, encontre por:
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</b:includable>E logo acima dele cole o seguinte:
<b:includable id='status-message'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>Com isso, você já terá a caixa de comentários do Facebook em seus artigos (lembre-se de entrar em um post para visualizar).
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>
</b:if>
A caixa estará acima do formulário de comentários do Blogger. Se você desejar que os comentários do Facebook fique abaixo do formulário de comentário do Blogger, então, coloque o código do plugin logo acima de:
</div>Dentro do código que adicionamos, teremos estes parâmetros:
<b:if cond='data:post.includeAd'>
data-num-posts='5'O primeiro é o número de comentários a ser exibidos; o segundo é a largura do formulário; e o terceiro é a cor do formulário, você pode alterar light por dark.
data-width='500'
data-colorscheme='light'
Até aqui já temos o CommentBox Facebook, se quiser personalizá-lo um pouco pode colocar antes de ]]></b:skin> alguns estilos, como por exemplo:
#comentariosFacebook {
background:#F2F2F2; /* Cor de fundo*/
width:520px; /* largura */
padding:10px;
margin-top:0px; /* Mude para -180px, se você colocou abaixo dos comentários do Blogger */
}
Se deseja que cada vez que alguém fizer um comentário você receba uma notificação do Facebook e poder moderar os comentários, será necessário criar um aplicativo. Mas para tal é necessário verificar a conta do Facebook.
Se assim for, vá para Facebook Developers e clique em Criar Novo Aplicativo.
Digite o nome do aplicativo, aceite os termos e clique em Continuar.
Na próxima tela clique em Site com login utlizando Facebook, digite a URL do seu blog onde colocou caixa de comentários e copie também o número listado no App ID.
Agora entre novamente em Modelo | Editar HTML do seu blog e adicione antes de </head> isto:
<meta content='ID de USUARIO' property='fb:admins'/>Em ID do aplicativo adicione a série de números que copiou. E em ID do usuario adicione o seu ID do Facebook, se você não sabe acesse este link:
<meta content='ID do APLICATIVO' property='fb:app_id'/>
http://graph.facebook.com/usuárioAltere onde se indica usuário pelo seu nome de usuário do Facebook e dê um clique, lá verá qual é o ID do seu perfil do Facebook.
Tendo feito isso entre em um artigo para ver sua caixa de comentários e clique em Configurações. Lá você verá várias opções para o plugin; onde diz Moderadores, adicione o seu nome e salve as alterações.
Depois de ter feito tudo isso, poderá moderar os comentários e receber as notificações na sua conta do Facebook cada vez que alguém fizer um comentário. Se não fizer isso, você ainda terá caixa de comentários do Facebook, mas sem estas opções.
Qualquer dúvida sobre o assunto é deixar um comentário.
nossa muito obrigada me ajudo muito! a única coisa que não consegui foi colocar a caixa de comentários do facebook abaixo da do blogger, não fico claro pra mim. como faço?
ResponderExcluirAguardando resposta.
No meu não mudou nada e não existe mais a opção "Expandir modelo de widgets" veja ai amigo, por que será que não deu certo?
ResponderExcluirO blogger mudou e quando vc aperta Ctrl+F e pesquisa alguma coisa ele já se abre todo sosinho
ExcluirSim, eu já tentei em vários sites encontrar um jeito de adicionar plugins do face, mas ta difícil, ninguém atualizou os códigos.
ResponderExcluirO blogger mudou todo o layout pode fazer um novo tutorial??
ResponderExcluirPerfeito!
ResponderExcluirMuito bom!
ResponderExcluirContinua com o mesmo problema de sempre, a caixa de comentários aparece bonitinha mais eu quero ver moderar algum comentário, para mim a moderação e o principal. A dois anos atrás eu coloquei esta caixa, não tinha nenhuma experiencia com os apps do Facebook e não tive o menor problema em coloca-la no meu blog, passou uns dois meses e ela começou a apresentar problemas, não mostrava os comentários que eram publicados você tinha que ir página por página para encontrá-los e não era possível excluir comentários indesejados, Já fiz tantas buscas tentei vários códigos e não consegui nada com essa caixa, acredito que o Facebook tenha bloqueado o uso da moderação para os usuários da plataforma blogger, uma pena pois o sistema de comentários do blogger é arcaico e não funcional, sua estética é horrível e toda vez que o usuário entra em post antigo ele visualiza de cara aquele comentário mais antigo que a postagem tem.
ResponderExcluirUma alternativa é você ir lá em modelo, baixar o layout do seu blog e manualmente através de um editor, aplicar as mudanças. Depois vc vai e o seu layout para o blogger com as alterações feitas. Por questão de segurança, guarde um backup do modelo do seu blog de como era antes.
ResponderExcluirEles não exibem mais o modelo completo lá nas configurações do blogger, a única forma de ter acesso ao modelo completo é essa que falei.
muito boa essa dica ja acrescentei no meu Blog
ResponderExcluirhttp://capitaocurioso.blogspot.com.br/
siga o capitão
Nõ estou conseguindo colocar, aparece que não tem nenhuma parte da html com < body > ou < body expr:class='"loading" + data:blog.mobileClass'>
ResponderExcluirOlá, tentei colocar os comentários do face pois estava com problemas para colocar os do blogger, porém não estou conseguindo deixar visível a textbox, se puderes me ajudar desde já grato. O link para o blog é: http://sonhealtovoealto1.blogspot.com.br/p/gestao.html.
ResponderExcluirTodos os comentarios aparecem em todas as paginas... sempre os mesmo!
ResponderExcluireu tbm to com esse problema
ExcluirTenho uma dúvida, se eu instalar esse plugin e torcar de layout vou perder os meus comentários? Pois perdi o meu quando usei o disqus.
ResponderExcluirAté q emfim consegui
ResponderExcluirA isso Já Mudou Cara!!!!
ResponderExcluirEX: Alguns Códigos que você colocou Mudou ou não tem mais.
ok
Excluir