F
Telefones:
(41)99981-8821
(41) 3254-7432

Alexandre
Localização: Curitiba-Pr
Bairro: Ahú

TUTORIAL DE COMO COLOCAR COMENTARIOS DO FACEBOOK NO BLOGGER

TUTORIAL DE COMO COLOCAR COMENTARIOS DO FACEBOOK NO BLOGGER


Olá, depois de muitos meses atrás disso,me batendo (e no pc tambem), me mordendo e perdendo os últimos fios de cabelo ,finalmente consegui colocar a caixa de comentário do facebook que funcione junto com o facebook.
Os códigos abaixo não são de minha autoria mas através deles que coloquei no editor e que deram certo .
Chega de papo de vamos lá:

Primeiramente deve-se fazer um aplicativo no facebook para  poder visualizar ,moderar etc, quem escreveu nas postagens do seu blog. (Lembrando que esse código é para BLOGGER e não sei se funcionará em wordpress).

Faça login da sua conta do facebook ,caso não tenha colocado seu celular no seu face,faça isso para poder prosseguir porque para criar o aplicativo necessita confirmação pelo celular. (baboseira)
Caso já tenha inserido,vamos lá, na parte superior direita tem um triangulo invertido e clique nele. Vá em CRIAR APLICATIVO como mostra a figura:


ou



)Veja abaixo a imagem : (melhor que ficar de blablabla)
 


Insira aquelas letras e números isso se acertar:




Caso tenha conseguido acertar,vai apareçer a tela "PAINEL DE CONTROLE",copie o código do "ID do aplicativo" e cole num editor de texto que mais tarde será usado. 

 Agora vá em "CONFIGURAÇÕES" e a primeira coisa que você irá fazer é "+adicionar plataforma" como mostra a imagem:



 E escolha na tela o ícone "SITE".Feito isso vai ser criado uma caixinha que devemos preencher o seguinte:





  Feito isso vá em "SALVAR ALTERAÇÕES" e pronto, zéfini essa parte. Pode sair do face,descansar os olhos e as mãos porque a seguir iremos inserir uns códigos lá no seu blog.

Agora vem a parte mais trabalhosa. O texto abaixo não é da minha autoriaapenas adicionei aqui para não ficar criando tudo de novo.

Vamos lá.............


Alerta! Antes de fazer qualquer modificação, faça um backup do seu modelo.
Vá em modelo ► Fazer backup/Restaurar ► Fazer download do modelo completo.

3. Adicionando ao Blogger
Acesse o painel do blogger, clique em Modelo, Editar Html e marque expandir Modelos de Widgets e logo no início, nas primeiras linhas do seu template, terá uma tag <html e cole o código a seguir dentro dessa tag.
xmlns:fb='http://www.facebook.com/2008/fbml'
o código original deve ser mais ou menos assim:

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
O código deverá ficar assim:

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'xmlns:fb='http://www.facebook.com/2008/fbml'>
OBS: Os códigos acima é apenas para demonstração, só seu Html pode ser um pouco diferente.
Logo após fazer as alterações como descrito acima, abaixo do código modificado, adicione as seguintes tags:
<meta content='SOMENTE O NOME DE USUÁRIO DO FACEBOOK  ' property='fb:admins'/>
<meta content='ID DO APLICATIVO -AQUELE CÓDIGO DO AP.DO FACE' property='fb:app_id'/>


Faça as alterações onde esta destacado em vermelho:
→ Nome de usuário do Facebook: Coloque o seu nome de usuário do facebook.
→ ID do Aplicativo: Coloque o ID do aplicativo criado no Passo 1.

O código completo deverá ficar assim:

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<meta content='NOME DE USUÁRIO DO FACEBOOK' property='fb:admins'/>
<meta content='ID DO APLICATIVO' property='fb:app_id'/>


4. Adicionando o formulário
Agora estaremos escolhendo o local onde será adicionado o formulário, existem vários locais onde pode ser instalado e isso varia de acordo com o template.
Procure por pelas seguintes tags e abaixo de uma delas adicione o código a seguir.
Tags:

<div class='post-footer'> (Recomendado)
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'/>
<div class='post-footer-line post-footer-line-3'>
<div class='post-footer-line post-footer-line-3'/>
Código a ser adicionado.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<img src='http://1.bp.blogspot.com/-RZwwK-dG3p4/UwfCFXkxy6I/AAAAAAAADAA/H9x8uC0VqwA/s1600/face_coment_bazardoamigo.png' width='LARGURA'/>
<div class='comments'><h4><fb:comments-count expr:href='data:post.url'/> Comentário(s):</h4></div><div id='fb-root'/><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><fb:comments expr:href='data:post.url' num_posts='NUMERO DE COMENTARIOS' publish_feed='true' width='LARGURA'/></b:if>


OBS: Não esqueça de alterar as partes destacadas em vermelho.
width: Coloque a largura da sua área de postagem em pixels.
NUMERO DE COMENTARIOS: Número de comentários que será exibido antes o botão ver mais.

5. Moderando os Comentários
Depois do sistema estar instalado em seu blog é necessário um pequena configuração para que os comentários possam ser moderados.
Acesse o link a seguir: http://developers.facebook.com/tools/comments
Escolha o aplicativo criado no passo 1 que é usado para os comentários e clique em configurações.

configuração comentarios da facebook no blogger

No Painel são possíveis as seguintes configurações.

  1. Moderadores: Escolha os moderadores de comentários (se for moderar);
  2. Modo de moderação: Aqui você decide se vai moderar ou não os comentários;
  3. Palavras na lista negra: Aqui você poder bloquear certas palavras ou não;
  4. Outros provedores de login: Permitir comentar com outro provedor ou não;
  5. Filtro de gramática: Corrigir alguns erros de gramática automaticamente;
  6. Compositor de comentários: Sempre ou não.


 E pronto. No meu deu certo e está funcionando perfeitamente.
Toda vez que precisar saber quem postou algo no seu blog pelo facebook é só acessar http://developers.facebook.com/tools/comments .



Share this article :

+ comentários + 2 comentários

21 de fevereiro de 2014 03:47

Olá amigo, estou vendo o tutorial, mas ainda preciso verificar alguns pontos antes de publicar.

21 de fevereiro de 2014 05:15

@TK Azevedo
Ola TK. claro,fique a vontade.eu nao entendo quase nada de HTML. mas se eu consegui com certeza as outras pessoas tambem irão conseguir.hehehe

Comentário(s):

Postar um comentário

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Bazar do Amigo - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger