1. Esteja logado no seu Facebook (o seu perfil normal, não sua página) e clique na imagem abaixo. Clique em Create New App (onde está circulado em vermelho).
2. Preencha apenas as duas primeiras caixas. Dê qualquer nome e espere o Facebook verificar como a'valid'. Salve.
3. Uma tela com informações semelhantes às abaixo irá abrir. Copie o número do APP ID, você vai usar no próximo passo.
4. Agora vamos para o HTML. Você não precisa saber nada de HTML pra instalar esse código, viu? Entre no seu painel do blogger, vá em Modelo e clique em Editar HTML. Na tela que vai abrir, procure pela tag '<head>'. Ela geralmente fica nas primeiras linhas do código. (Exemplo) Se você não conseguir encontrar, dê CTRL + F e digite head. Abaixo dela, cole o código a seguir, substituindo o 'APP ID' pelo número gerado:
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='APP ID' property='fb:admins'/>
5. Dê CTRL + F de novo e encontre o código "<div class='comments' id='comments'>" e cole o código abaixo seguido dele. Eu colei o meu acima de "<b:if cond='data:post.commentPagingRequired'>", é outra opção também, caso você não encontre o primeiro código.
<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='640'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'/>
* Você pode substituir o código '640' pelo tamanho em pixels da largura da sua área de postagem.
Dúvidas? deixe nos comentários...
Este post foi escrito por: Matheus Ribeiro
Sou especialista em blogs e sites desde 2010, tento trazer conteúdos que os leitores procuram na internet.