Substituindo a caixa de comentários do Blogger pela do Facebook

Olá querido leitor, hoje aprenderemos a como substituir a caixa de comentários do Blogger pela caixa de comentários do Facebook. É um processo bem simples e estamos atendendo o pedido do nosso leitor Nicolas. Mas, a plataforma não é tão legal assim, pois você não terá como saber quem comentou na postagem através do painel do Blogger. Vamos começar a criação da caixa de comentários? Então vamos!

1. Acesse a página de criação de aplicativos do Facebook e clique no botão Criar Novo Aplicativo. Como mostra a imagem.

2. Aparecerá uma pop-up com formulários para você digitar o que se pede.

Clique na imagem para ampliar

• Nome de exibição do aplicativo: Coloque o nome do aplicativo, por exemplo, comentários;
• Espaço de nome do aplicativo: Coloque um name user do do aplicativo, por exemplo, seublog. No mínimo de 7 carácteres.

Clique em Continuar.

3. Logo em seguida, digite as palavras que aparecem na caixa e clique e Enviar.

4. Depois, aparecerá uma espécie de painel de controle. Logo de início, encontra-se os detalhes do seu aplicativo. Procure por App ID ao lado da foto de seu aplicativo e guarde-a.

5. Faça o login no Blogger e acesse a guia Modelo, clique no botão Editar HTML e marque a caixa Expandir modelos de widgets, em seguida pressione Ctrl+F para abrir o Localizador do navegador e procure pelo código abaixo.

<div class='post-footer-line post-footer-line-3'/>

6. Depois de encontrado o código, cole o seguinte código abaixo do mesmo.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol  +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Substitua a parte destacada de vermelho pela ID que você copiou no passo 4.

7. Clique em Visualizar e se estiver tudo correto, clique em Salvar modelo.

8. Depois, acesse a guia Configurações > Postagens e Comentários, na guia Comentários e na opção Local do comentário escolha a opção Ocultar.

9. Clique em Salvar organização.

Pronto! Sua caixa de comentários do Blogger foi ocultada e a nova está pronta para ser usada por seus leitores. Mas lembre-se que você não saberá quem comentou, saberá somente através de sua conta de Facebook. Veja nosso outros artigos de plataformas de comentários. Até a próxima e abraços.