Como adicionar os comentários do Facebook no Blogger

Facebook tá tão chique e popular que chega a ser um absurdo um blog não ter a plataforma de comentários dele. Mas como eu sou uma blogueira muito boazinha decidi compartilhar meus conhecimentos para você inclui-lo na plataforma de comentário do seu blogger. Preparado? O tutorial ficou enorme, mas não é complicado, tá? É que eu expliquei beeem detalhadamente.

PRIMEIRO PASSO: FAZER O BACKUP


1. Na página inicial do Blogger, vá em Modelo.
2. Procure pelo botão Fazer backup/restaurar. Clique nele.
3. Clique em Fazer download do modelo completo.
Pronto, você acabou de fazer o backup do seu blog. Ele é essencial para se algo der errado e isso causar erros grotescos, como por exemplo, modificar completamente o visual do blog.

SEGUNDO PASSO: CRIAR O APLICATIVO NO FACEBOOK DEVELOPER

4. Na página inicial do Facebook Developer, clique no menu em Apps.
5. Clique em Add a New App.


6. Selecione Site como plataforma.


7. Ele vai redirecionar para a página Quick Starts.
8. Clique no botão Skip and Create App ID.


Em Display Name escreva o nome do seu aplicativo. Pode ser o que você quiser.
Em Categoria selecione Aplicativos para Páginas e clique em Create App ID.


9. Anote seu App ID, você vai utilizá-lo adiante.

TERCEIRO PASSO: DESCOBRIR O ID DO SEU PERFIL NO FACEBOOK

10. Vá no perfil do seu Facebook e copie seu username. O meu é thaynarierep. Exemplo: facebook.com/thaynarierep
11. Substitua no endereço: graph.facebook.com/username
12. Anote a ID do seu perfil, você vai utilizá-la adiante.

QUARTO PASSO: ADICIONAR O CÓDIGO JAVASCRIPT NO HTML
13. Voltando ao Blogger, vá em Modelo novamente. Clique em Editar HTML.
14. Usando o atalho Ctrl + F procure por:

ANTES dele cole o código abaixo:
Pesquise usando o CTRL + F por APP ID DO PERFIL e substitua pelo id do seu perfil onde encontramos no terceiro passo. Pesquise também por APP ID DO APLICATIVO e substitua pelo id do seu aplicativo onde criamos no segundo passo.

QUINTO PASSO: ADICIONAR O CÓDIGO DIV NO HTML
15. Pesquise usando o CTRL + F por:
16. Substitua-o pelo código abaixo:

IMPORTANTE: Se houver mais de um código do item 15 trate de substituir todos pelo código do item 16.
Você pode modificar a quantidade em num_posts='50' e mudar a largura em width='600'.
17. Clique em "Salvar modelo" e veja o resultado.
E aí? Tá lindo? O ruim é que não recebemos notificações quando ganhamos comentários, mas além de moderar pelo próprio blog também há a moderação dos comentários no facebook developer onde você pode moderar (óbvio) e conferir se há novos comentários nas suas publicações.

Expliquei direitinho? Faltou alguma coisa? Ainda tem alguma dúvida? Basta comentar nessa publicação ou mandar um e-mail para blogthaynissima@gmail.com. Beijinhox da Thay e até a próxima!