Como colocar Comentários do Facebook no Blogger

Criar novo aplicativo


Tutorial ( Atualizado )
( Para auxiliar, clique nas imagens para vê-las em tamanho maior )

OBS: Antes de qualquer alteração em sua template, salve um backup de segurança.
Modelo -> Fazer backup/Restaurar -> Fazer download do modelo completo e salve o arquivo em seu computador.

Criando um aplicativo
Para utilizar do sistema de comentários do facebook é necessário a criação de um aplicativo, você vai saber o porque no decorrer do tutorial.
1. Crie um App ( Aplicativo ) no Facebook, para isso acesse esse link:https://developers.facebook.com/apps
2. Agora na página Aplicativos clique em "+ Criar Novo Aplicativo" um botão no canto superior direito da página.

Criar novo aplicativo

3. Vai abrir um box e nele coloque o nome do aplicativo, você pode colocar o nome de seu blog ou que quizer em 'App Name' e em 'Espaço de mome do aplicativo' coloque uma palavra qualquer que deseje ( sem espaços ) Depois clique em "Continuar"

Adicionando nome no aplicativo

4. Pronto seu aplicativo foi criado. Você pode o configurar, personalizar, isso é com você, neste tutorial iremos precisar somente do código 'App ID' de seu aplicatvo.

appid do aplicativo

Não feche a página pois o código App ID é necessário.

Colocando sistema de comentários do facebook no blogger
1. Acesse o painel de seu blog.
2. Clique na guia "Modelo" e depois em "Editar HTML"
3. Marque a opção "Expandir modelos de widgets"
4. Procure por: ( Ctrl + F )
5ABAIXO da linha encontrada cole.
Substitua o "APPID" pelo código de seu aplicativo criado.
Substitua também "www.seudominio.com" pelo domínio de seu blog. EX:www.desenvolvendoblogs.com

6Localize a tag abaixo: ( Ctrl + F )
ou
7Abaixo dela, cole:



data-colorscheme='light'
 data-num-posts='3' data-width='420' expr:href='data:post.url'/>

9. Agora porcure por:
10. Abaixo da tag acima, cole o seguinte código: ( Necessário para moderação dos comentários )
 
Substitua o "APPID" pelo código de seu aplicativo criado.
CUSTOMIZANDO WIDGET
  • data-width='420' : Largura do widget, vá ajustando para o melhor tamanho que se adequar a seu blog, vou pode ir diminuindo ou aumentando a largura alterando o '420' pelo tamanho em pixels que achar melhor.
  • data-colorscheme='light' : Como na maioria das template o fundo é branco, o código está customizado para esta cor, caso o seu contenha um fundo preto, mude para 'dark' pois poderá ficar melhor para seu template.
  • data-num-posts='3' : Número de comentários no widget, no código está '3', mude para a quantidade de seu agrado.
11. Agora Salve o Modelo.

Os comentários do Facebook já estão adicionados.

Moderação de Comentários
Existe uma página para visualização e moderação dos comentários, clique no link abaixo para acessar:: http://developers.facebook.com/tools/comments

Ocultando comentários do Blogger
Nas postagens irão aparecer os comentários do Facebook e do Blogger, para não ficar com os dois é necessário que você oculte os comentários do Blogger.
Acesse as Configurações >  Postagens e comentários > Em Comentários, local do comentário clique no menu de opções e clique em "Ocultar".

ocultando comentários do blogger

Tags:

0 comentários