4 de jun de 2014

Substituir a caixa de comentário do Blogger pela do Facebook

Uma maneira simples de substituir a caixa de comentário do Blogger pelo sistema do Facebook
Há algum tempo atrás eu utilizava aquela caixa de comentário com a conta do Facebook, mas por algum motivo o plugin parou de funcionar e tive que arrumar outra solução.

Vários sites e blogs já postaram uma solução que funciona, mas não é tão simples (pelo fato de ter que criar um aplicativo no Facebook). Por esse motivo resolvi postar uma maneira bem simples pra mudar o sistema de comentários do seu blog, sem a necessidade de criar aplicativo no Facebook.

1. Passo a Passo
IMPORTANTE: Antes de começar lembre-se de fazer o backup do seu blog, para caso haja um imprevisto e algo de errado! 1.1. Feito o backup, basta editar o HTML do blog indo em "Modelo" > "Editar HTML". Como na imagem abaixo:
1.2.Dentro do HTML do seu blog procure (CTRL + F) pelo seguinte trecho:
<b:includable id='comments' var='post'>

Provavelmente vai estar como na imagem abaixo:

1.3. Então clique na seta preta para expandir o código.

1.4. Cole abaixo de <b:includable id='comments' var='post'> o seguinte trecho de código:

<!-- Comentarios Utilizando Facebook -->
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
<!-- Comentarios Utilizando Facebook -->
NOTA: Onde está grifado de AZUL substitua pela quantia de comentários que você deseja que apareça, caso o post tenha mais comentários que esse valor aparecerá uma opção para mostrar o restante dos comentários.
A parte grifada em VERDE é a que define o tamanho da caixa de comentários, ajuste conforme queira.
1.5. Salve seu template.

Talvez você ainda não veja a caixa de comentário do Facebook, isso acontece porque a caixa de comentário do Blogger está desativada.

Pra desativar é simples, basta ir em "Configurações" > "Postagens e Comentários" e na opção de "Local do Comentário" selecione "Ocultar". Como mostra a imagem abaixo:

Salve as configurações e pronto! :D

Até a próxima!

a Comentários