Conforme prometido no post anterior, hoje vou mostrar como integrar o sistema de comentário do Facebook ao seu blog no Blogger.

O processo é um pouco mais complexo do que foi mostrado no artigo anterior, portanto recomendo que você experimente primeiro em um blog secundário destinado a testes.

Sem mais delongas vamos ao trabalho;

Obtendo o código ID:

De princípio clique aqui para acessar a página de desenvolvedores do facebook, em seguida faça o login com o seu usuário e senha.

Digite um nome qualquer para o aplicativo e a URL do seu blog/site, leia e aceite os termos e prossiga clicando em “Create App”. Feito isso na tela seguinte deverá aparecer os dados necessários para a criação do sistema de comentário do facebook, guarde estes dados e siga os passos adiante.

Gerando a caixa de comentários:

<b:if cond="data:blog.pageType == &quot;item&quot;">
<div id="fb-root"/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;ID_DO_APP&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol  +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/></b:if>

Cole o código acima ABAIXO do trecho seguinte e salve:

<data:post.body/>

Feito isso o sistema de comentários do Facebook deverá aparecer acima da caixa de comentários padrão do seu blog no Blogger.

Qualquer dúvida poste um comentário abaixo.

Até a próxima!

Veja também:

• Sistema de comentários do Facebook no WordPress.org