Pesquisa personalizada

quarta-feira, 22 de julho de 2015

Como colocar o sistema de comentários do Facebook no Blogger





Ontem resolvi desabilitar os comentários nativos do Blogger em meu outro blog, o Dorgas on Fire, e coloquei o plugin de comentários do Facebook, para fazer um teste. O motivo foi os inúmeros comentários sem noção das pessoas querendo fazer promoção de seus links, o que na minha opinião, é uma forma de spam.

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'/>

plugin de comentários do Facebook no Blogger
Área da edição do HTML em seu blog
Em seguida, role até chegar na linha abaixo:

</b:includable>

plugin de comentários do Facebook no Blogger
Á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 == &quot;item&quot;'>
<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:

plugin de comentários do Facebook no Blogger
Á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 = &quot;//connect.facebook.net/pt_BR/all.js#xfbml=1&quot;;
        fjs.parentNode.insertBefore(js, fjs);
      }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

E ele está colocado antes da tag </body> no final do código do seu template, conforme mostra a figura abaixo:

plugin de comentários do Facebook no Blogger
Área da edição do HTML em seu blog
Caso não tenha esse código SDK, o que eu acho improvável, copie e cole-o da mesma maneira que o outro código, desta vez antes de </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!!!


Permalink:





Sobre o Autor:
Crazyseawolf Para saber mais sobre o autor deste blog, visite o seu perfil no Google+ ou este link . Para enviar uma mensagem, clique aqui . Para outras informações, leia o FAQ .



0 Comentando aqui :

Postar um comentário

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Related Posts with Thumbnails
Google
 
 
Template Denim, criado por Darren Delaye, customizado por Crazyseawolf.