Como a proposta do Dorgas não é manter uma discussão, é só mais um blog divertido de imagens, não havia mesmo o sentido de manter os comentários nativos. O plugin do Facebook tem o objetivo de marcar pessoas, e isso é interessante, já que a grande maioria está nesta rede social. Apesar de ser um teste, pode ser que algum usuário do Blogger queira colocar esse plugin, e é para isso que serve esse tutorial.
Como colocar o sistema de comentários do Facebook no Blogger
Primeiro de tudo, como vamos mexer no HTML do template, é recomendado que faça um back up de seu modelo, caso alguma coisa dê errado. Eu não me responsabilizo por algo que possa ocorrer em seu layout. Se não sabe mexer, peça para alguém mais habilitado para isso.
Então vamos lá: Vá em Painel de controle (Dashboard) >> Modelo >> Editar HTML >> Dê um clique dentro da caixa de códigos e depois pressione Control + F e na caixa que se abre digite post-footer-line-3 para localizar a linha de código abaixo:
<div class='post-footer-line post-footer-line-3'/> |
| Área da edição do HTML em seu blog |
</b:includable> |
| Área da edição do HTML em seu blog |
Antes de
</b:includable>, copie e cole o código do plugin de comentários do Facebook abaixo, já otimizado para o Blogger:
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments'>
<h2>Comente com o Facebook:</h2>
<fb:comments data-colorscheme='light' expr:href='data:post.url' num_posts='7' width='600'/>
</div>
</b:if>
O plugin tem que ficar colocado exatamente como se segue:
 |
| Área da edição do HTML em seu blog |
Configuração do plugin:
- Em data-colorscheme='light', aqui é o fundo da caixa, se quiser colocar preto, é só colocar black no lugar de light.
- Em num_posts='7', você pode alterar para colocar o número de comentários que deve aparecer no post, eu escolhi 7, não me pergunte o porquê.
- Em width='600', você coloca o comprimento da caixa em pixels. No Dorgas, 600px corresponde a largura da coluna dos posts, você deve verificar qual a largura exata em seu blog.
Para finalizar, clique em "Salvar modelo"! Pronto, a caixa de comentários aparece apenas nos posts individuais, conforme a condicional utilizada no código do plugin:
 |
| Área da edição do HTML em seu blog |
Se você tem os botões de compartilhar e/ou caixa de seguidores do Facebook, o plugin de comentários irá funcionar porque você já deve ter colocado o código SDK da rede que possibilita o funcionamento desses recursos. Caso não tenha, o codigo sdk é da seguinte forma:
<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>
E ele está colocado antes da tag
</body> no final do código do seu template, conforme mostra a figura abaixo: |
| Área da edição do HTML em seu blog |
</body>.Pronto, agora você tem os comentários do Facebook em seu blog. Se não quiser desabilitar os comentários nativos, não tem problema, é mais uma opção que você oferece aos seus leitores.
That's all folks!!!
