Tutorial Blogger - Como instalar comentários do Facebook no blog?

Tutorial novo com moderação de comentários em vídeo: Click aqui !!!


Atendendo a pedidos, vamos ensinar de maneira fácil como colocar comentários do Facebook no seu blog. A ferramenta é de grande utilidade, a relevância do Facebook é indiscutível e o blog poderá ter mais visibilidade através desta plataforma, pois quando alguém comentar em seu blog via facebook aparecerá na timeline em tempo real, junto com o link e a imagem da postagem do seu blog. Mas, vale ressaltar que, não podemos moderar os comentários automaticamente, nem ser avisados sobre novos comentários através desta ferramenta, mas dá para excluir manualmente comentários indesejáveis.
Dados os recados, vamos ao tutorial.

1 - Crie uma conta e um gere um ID de aplicativo na plataforma do Facebook.

Acesse : https://developers.facebook.com  faça login com sua senha do Facebook, e faça seu cadastro. 

Aparecerá conforme as etapas 1 e 2 das imagens abaixo:

Etapa 1

Etapa 2

2 - Depois de aceitar a política do Facebook e clicar em cadastrar, você será direcionado a outra tela para escolher o tipo de plataforma que seu aplicativo irá funcionar: IOS, Android, Facebook ou Web Site, escolha a opção Web Site, depois cliente em pular e criar o APP. Conforme as imagens 3 e 4 abaixo:

Etapa 3

Etapa 4

3 - Agora, você será direcionado a uma tela onde deverá preencher com o nome do aplicativo e a categoria. Na categoria escolha aplicativos para páginas, o nome ficará a seu critério. No segundo campo, deixe em branco. Conforme a imagem abaixo :

Etapa 5

Pronto, agora o aplicativo gerou um ID para sua ferramenta, e é este número que vamos utilizar para adicionar o Widget ao seu blog. Anote o número destacado, conforme a imagem abaixo: 

Etapa 6

4 - Acesse seu blog, vá em configurações, modelo, editar HTML, digite dentro da caixa de códigos do seu blog, control+F e na caixa que abrir procure por HEAD entre sinais de maior e menor, logo no início do seu blog,  e abaixo dele cole o seguinte código, colocando o ID do seu aplicativo no local indicado:

<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='ID-DO-SEU-APLICATIVO' property='fb:admins'/>

5 -  Após isso, salve o modelo. Ainda na aba procurar, procure por:
<b:includable id='comments' var='post'> 6 - Imediatamente abaixo do código acima, cole este outro: <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='560'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'/>

Salve e visualize para ver se está tudo certo. Sugiro que permaneça com os comentários do blogger ativos, pois é mais uma opção para quem não quiser utilizar o Facebook. Espero que tenham gostado, deixe seu comentário abaixo e me conte se deu certo ou não no seu blog. 

Até mais.