1) Modelo > Editar HTML > Prosseguir > Expandir modelos de Widget
2) Procura o </head> , abaixo dele vai tá abrindo o body
3) Cola logo abaixo do <body> antes de tudo que vier
ps: no meu caso não tinha apenas a tag <body> tinha <body expr:class='"loading" + data:blog.mobileClass'> mas o que importa é que estava abrindo o body (colar o código abaixo exatamente após)
<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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
_______________________________________________________
4) Em qualquer lugar que quiser os comentários seja no footer header ou whatever do post cola
<div class="fb-comments" data-href="data:post.url" data-num-posts="10" data-width="470"></div>
_______________________________________________________
5) se desse jeito não deu certo, cola (esse que deu certo pra mim)
<div class="fb-comments" expr:data-href="data:post.url" data-num-posts="10" data-width="470"></div>
e Voilá vai estar funcionando sua caixa de comentários do facebook o problema que você pode encontrar é que a caixa pode estar em todos os posts da sua home, para resolver esse problema tem um hack que eu usei que deu muito certo que em resumo fica assim.
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='10' data-width='600' expr:data-href='data:post.url'/>
</b:if>
Esse código você SUBSTITUI pelo de cima que funcionou, lembrando que o número em vermelho é o comprimento da caixa de comentário você pode aumentar ou diminuir dependendo do seu template.
O meu resolvi colocar o código acima logo depois de <div class='post-footer'>, que deu o resultado...
Qualquer duvidá é só perguntar !
via: cabo do cubo