Tutorial : Como adicionar comentários do Facebook no blog

Recebi um e-mail de uma leitora, pedindo para que eu ensinasse para vocês como adicionar a caixa de comentários do Facebook, na página de comentários do seu blog. O Tutorial é bem fácil porem exige que você preste bastante atenção na hora de adicionar o código ! Vamos lá ao tutorial do dia

Primeiro acesse a página Developers Facebook .

Agora clique na opção COMMENTS, como mostra a imagem abaixo. Próximo passo você terá que adicionar o URL do seu bog no campo indicado.Você poderá configurar a largura da página, a cor de fundo, se você deseja clara ou escura, e também quantos comentários você quer que apareça. Feito isso, clique abaixo em GET CODE para que seja gerado o código que você deverá adicionar ao HTML de seu blog.

Agora você deve ir no painel de seu blog, MODELO, EDITAR HTML.

Lá clique em CTRL + F e  procure por 

<data:post.body/>

Abaixo cole o primeiro código que foi gerado pelo Facebook, e abaixo desse código cole o segundo código também gerado pelo Facebook. Eles deverão ser colados um em baixo do outro.

Caso deseje que seus comentários não sejam repetidos em todas as postagens, substitua o segundo código gerado pelo Facebook pelo seguinte código:

<div class='fb-comments' data-href='http://ENDEREÇO DO SEU BLOG/' data-num-post='10' data-width='630' expr:data-href='data:post.url'/>

Salve e visualize. Pronto a página de comentários do Facebook estará adicionada na página de comentários do seu blog.