Adicionando o sistema de comentários do Facebook no Blogger

O Facebook possui um sistema de comentários muito bom, que permite que você poste ilimitados comentários, e ainda ganhe links com eles, pois todos os comentários também estarão integrados a rede social. Além dessa vantagem o sistema oferece uma opção a mais ao Blogger, que é oferecer a opção de comentar usando a conta do Facebook. A colocação do sistema é muito simples basta seguir o tutorial abaixo.

Criando um aplicativo no Facebook

O Primeiro passo é obter um ID de aplicativo para que os comentários possam funcionar,nesta postagem aqui do Blog eu expliquei como fazer isto, basta seguir o tutorial, lembre-se de ao final anotar o “Application ID”.

I - Criando a caixa de comentários

1- Acesse a página de desenvolvimento do Facebook neste link
2- Não preencha a caixa “Unique ID”.
3- Em “Number of Comments” preencha quantos comentários quer exibir.
4- Agora em “Widht” preencha a largura que você quer que a caixa de comentário apareça. Você pode adicionar um valor e ver o exemplo ao lado, na mesma página.
5- Agora clique em “Get code” e copie o código obtido na caixa.

II - Alterando o código obtido

O código obtido encontra-se em Inglês, por isso se instalarmos desta maneira o idioma da caixa de comentários será este por padrão, para alterar basta mudar no código obtido acima “en_US” para “pt_BR”. Agora em “APP_ID” também no código, altere para o número do “Application ID”, obtido acima.

III - Instalando no Blogger

1- Faça login no Blogger(blogger.com).
2- Vá em Layout/Design-> Editar HTML-> Marque a caixa “Expandir Modelos de Widgets”.
3- Procure o seguinte código, utilizando as teclas “CTRL” e “F”:
Para que seus comentários do Facebook apareçam abaixo do post procure este código:
<p><data:post.body/></p>
ou
Se quiser que seus comentários apareçam acima dos comentários do sistema do Blogger, procure por este:
<b:includable id='comments' var='post'>
4- Adicione o código do passo II, abaixo do código escolhido acima.
5- Salve e visualize.