Comentários do Facebook no Tumblr
Recebi algumas asks de seguidores do TumbleTricks para que eu fizesse um tutorial de como colocar comentários via Facebook no Tumblr (ao invés de usar o Disqus).
Portanto, neste tutorial vou explicar como é que se coloca uma caixa de comentário para que comentem seus posts usando o sistema de comentários do Facebook.
A primeira coisa a fazer antes de editar qualquer coisa no theme é guardar uma cópia do seu theme no seu computador para que, caso dê algum erro na hora de salvar ou você queira tirar, basta substituir pelo código que você salvou no seu computador.
Após isso, você deverá procurar por <body> no código do seu theme, e colar isso depois dele:
<div id="fb-root"></div>
<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&appId=245876848769069";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Após isso, procure por {/block:posts} no código do seu theme (caso tiver mais de um, use o último), e cole isso antes dele:
{block:PermalinkPage}
<div class="fb-comments" data-href="{Permalink}" data-num-posts="5" data-width="500"></div>
{/block:PermalinkPage}
O valor “500” em negrito é a largura da caixa dos comentários, para que você possa alterá-la. E o valor “5” é a quantidade de comentários a seres exibidos, que também pode ser alterado =)
Após isso, basta salvar seu theme, espero que tenham gostado :D
