Como usar e moderar sistema de comentários do Facebook no Blogger

Atendendo a pedidos, hoje vou explicar como usar e moderar sistema de comentários do Facebook no Blogger.

Incluir o sistema de comentários do facebook, é um excelente aliado para gerar mais visitas no seu blog, e pode ajudar ainda mais na divulgação do seu conteúdo, afinal, cada pessoa que comenta no seu post usando o sistema de comentários do facebook, está, automaticamente, divulgando no mural o conteúdo que acabou de comentar.

A seguir, vou ensinar como incluir esse sistema de comentários, sem duplicar os comentários em todos os posts, sem necessidade de desativar o sistema de comentários dos blogger, bem como ensinarei uma forma de moderar todos os comentários recebidos.

 
Atenção: Antes de prosseguir com este tutorial, para que o sistema de comentários do facebook funcione corretamente no seu blog, é necessário criar um aplicativo (App)do facebook e já ter instalado o código SDK Javascript, bem como já ter instalado e configurado o código do aplicativo no html do seu blog.
Se ainda não criou, então leia este tutorial ? Criar aplicativos do Facebook para usar no blog e siga todos os passos, pois você precisará da ID do seu aplicativo para utilizar corretamente o sistema de comentários do facebook que você vai instalar.

1. Instalando o plugin sistema de comentários do facebook no blogger

Vamos localizar o local onde será adicionado o código do plugin.
Acesse o painel do blogger, clique no menu “modelo” e entre na edição html do seu template.
Use ctrl+f e localize a tag:

div class='post-footer-line post-footer-line-3

Ao final da tag de fechamento, você verá a seguinte tag:

</b:includable>

 
Cole o código do plugin logo ACIMA dessa tag </b:includable>
 
Código do plugin:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='fb-comments'>
<h4>Comente com o Facebook:</h4>
<fb:comments data-colorscheme='light' expr:href='data:post.url' num_posts='5' width='480'/>
</div>
</b:if>

Veja imagem:

 

Veja como deverá ficar:

 
Outra opção: Dependendo do modelo do seu template, pode ser que não dê certo instalar o código do plugin na parte final do fechamento da tag conforme expliquei acima, então tente outra opção.
Use ctrl+f e localize a tag:

<b:includable id='comment_picker' var='post'>

Ao lado desta tag que você você verá uma setinha preta. Clique nela.
Clique também na setinha acima. Veja imagens:

 
Cole o código do plugin logo ACIMA de </b:includable>
Veja imagem:

2. Personalizando o plugin:

No código acima, veja os trechos que você deverá customizar:
width=’480‘ -> refere-se a largura do box de comentários, ajuste o tamanho de acordo com a largura que achar melhor, substituindo o ‘480’.
data-colorscheme=’light‘ -> o facebook só dispõe de 2 modelos de cores: light e dark.
o código está customizado para cor ‘light’ (fundo branco), caso o seu template tenha fundo escuro, mude o ‘light’ para ‘dark’.
 

Agora veremos como incluir código CSS.
Procure pela tag ]]></b:skin> e logo ACIMA dela, cole o seguinte código:

.fb-comments { 
margin:10px;
padding:10px;
}
.fb-comments h4{
color:#CCCCCC;  /*--- ajuste a cor da fonte ---*/
font-size:18px;   /*--- ajuste tamanho da fonte ---*/
font-weight:bold;
padding:10px;  
}

3. Moderando os comentários

Agora veremos como configurar para que os comentários sejam moderados.
Acesse o link: http://developers.facebook.com/tools/comments
 

Clique no aplicativo que você criou, e em seguida clique no link “Configurações” que está no lado direito.
Configure o painel marcando as opções desejadas.
 

Veja imagem:

• Moderadores: Escolha os perfis dos moderadores de comentários.
• Modo de moderação: Escolha se vai moderar ou não os comentários.
• Palavras na lista negra: Escolha se quer bloquear certas palavras. Caso não queira, deixe a opção “sem restrições”.
• Outros provedores de login: Escolha se deseja permitir que os usuários comentem com outro provedor ou não.
• Filtro de gramática: Opção para corrigir alguns erros de gramática automaticamente.
• Compositor de comentários: Escolha se deseja Mostrar Sempre ou não.

4. Recebendo notificações de comentários recebidos

Toda vez que vez que você entrar em seu perfil no facebook (o perfil que você escolheu para ser moderador), você receberá notificações dos comentários aguardando moderação.

 
Ao clicar na notificação, você será redirecionado para a página onde visualizará os comentários.
Clique em “Visualização do moderador” para verificar o conteúdo de cada comentário que está aguardando moderação.
Marque os comentários a serem publicados e clique em “Aprovar”.

 
 
LEMBRE-SE: para que o sistema de comentários do facebook funcione corretamente no seu blog, é necessário criar um aplicativo (App)do facebook e já ter instalado o código SDK Javascript, bem como já ter instalado e configurado o código do aplicativo no html do seu blog.
Leia este tutorial ? Criar aplicativos do Facebook para usar no blog e siga todos os passos.