Como colocar comentários do Facebook no seu blog - Sem duplicar nos posts

Olá pessoal,

Antes de tudo é necessário que você "prepare" o seu blog para 

receber aplicativos do Facebook.

Acesse: https://developers.facebook.com/apps
Clique em "+ Criar novo aplicativo"
Em "App Name" digite um nome para o App e clique em 

continuar. Salve no final da página que irá abrir.

 Você irá precisar do número do "App ID/API Key", 

salve-o no bloco de notas.

Sugiro que preencha o campo "Website with Facebook

 Login" com o endereço do seu blog.

Vá até a administração do seu blog em uma nova aba.

 Clique em "Modelo" e depois em "Editar Html".
É altamente aconselhável fazer um backup antes 

de fazer estas alterações.

Com o código HTML aberto marque a opção

 "Expandir modelos de widgets" e 

localize a TAG 

.

Logo abaixo dela terá uma outra 

Faça o Download do código abaixo 

e cole abaixo da TAG

Código 1, LINK

obss: O download acima contem 

todos os códigos siga o texto conforme 

o que solicita 

Você deverá substituir WWW.YOUR_DOMAIN.COM 

pelo endereço do seu blog, e, YOUR_APP_ID 

pelo número do "App ID/API Key" que 

você criou anteriormente no aplicativo.

Este plugin já estará em português 

brasileiro, mas caso você deseje 

mudar para o português de Portugal 

basta modificar o "pt_BR" para "pt_PT", 

ou, ainda para o inglês modifique para "en_US". 

Caso necessite pode modificar para outra língua,

 basta conhecer o código.

Localize agora a TAG 

Abaixo desta TAG deverá colar os seguintes códigos:

Código 2 

e

Código 3

Algumas modificações podem ser feitas

 neste plugin, basta alterar alguns 

valores do código acima, veja abaixo:

• data-colorscheme='dark' - Como o layout do EntendaWeb é escuro, utilizei o tem "dark". A outra opção é alterar para "light", veja qual dos dois melhor se adapta ao seu blog.
• data-num-posts="3" - Refere-se à quantidade de comentários (posts) que você deseja exibir no plugin, altere a numeração conforme desejar.
• data-width='580' - Este valor representa a largura do plugin, quanto maior o número, mais largo será. Altere este valor e veja qual largura será melhor para o seu blog.
• expr:href='data:post.url' - Esta expressão indica que cada post do seu blog terá comentários exclusivos. Caso deseje que os comentários sejam iguais para todos os posts, e eu não sugiro, substitua por: data-href="http://WWW.SEUSITEOUBLOG.COM"

Pronto, salve as modificações e visualize o seu blog. Terminado estes passos já estará instalado o social plugin de comentários do facebook.

Acompanhou passo a passo? Testou? Deu certo?

Então compartilhe.