Devo dar os créditos ao blogue: uddesignerr
Se quiseres ver a continuação do tutorial clica em, continue lendo.
1º - Faça login no seu Facebook(sim, o seu perfil de todo dia) depois clique nesse link:
https://developers.facebook.com/apps
Aqui você irá criar um aplicativo, por isso atenção!
Clique no botão: " + Criar Novo Aplicativo" Vai abrir uma pop-up:
Preencha os dois primeiros campos, eles precisam ficar com o nome verde, para serem aprovados! Depois é só clicar em continuar. Digite o código na tela seguinte e dê "continuar".
Pronto, você acabou de criar um aplicativo. Agora anote o número que aparece, pois ele será muito importante mais a frente.
Agora vamos voltar ao seu painel do Blogger, Clique em Modelo > Editar HTML. Depois de abrir seu código HTML, dê F3 e procure por:
<head>
E abaixo dele cole esse código, e não esqueça de colar o IP do aplicativo que você criou:
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='AQUI O NÚMERO DO APLICATIVO DO FACEBOOK' property='fb:admins'/>
Agora, clique no botão: "Ir para um widget" e selecione Blog 1.
Clique na setinha preta do lado para expandir. Depois procure por esse trecho:
<b:includable id='comments' var='post'>
Clique novamente na setinha ao lado desse trecho. E cole este código logo abaixo trecho acima:
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='560'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
Salve! E pronto! Espero que tenham gostado, qualquer dúvida, sugestão, deixe um comentário :)