Adicione a caixa de comentários do Facebook no Blogger
Autor: Jodiel Fabricio | Publicado: 2013-04-08T00:01:00-03:00

Um dos temas mais solicitados é como colocar caixa de comentários Facebook no blog, e que às vezes se torna mais fácil comentar a partir do Facebook, pois a maioria está conectado a esta rede social o tempo todo, e além disso não precisamos entrar com nossos dados do Google para comentar em um blog que contém esse tipo de comentário.

Siga o Bloggermin no Twitter e no Google+, e curta nossa página no Facebook.


Veja O novo Editar HTML do Blogger

Eu vi esse método em Vagabundia, onde explica como adicionar o plugin de comentários Facebook de maneira que cada postagem tenha sua própria caixa de comentários e seja independente dos outros.

Tutorial

Passo 1:

Primeiro entre na seção Modelo &gt; Editar HTML e marque Expandir modelos de widgets, então, busque pela etiqueta:
&lt;body&gt;ou caso não encontre procure por:
&lt;body expr:class='"loading" + data:blog.mobileClass'&gt;
Abaixo de qualquer um deles adicione:
&lt;div id="fb-root"&gt;&lt;/div&gt;
&lt;script&gt;(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'));&lt;/script&gt;Em seguida, encontre por:
&lt;/b:includable&gt;
&lt;b:includable id='status-message'&gt;E logo acima dele cole o seguinte:
&lt;b:if cond='data:blog.url != data:blog.homepageUrl'&gt;
&lt;div id='comentariosFacebook'&gt;&lt;div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/&gt;&lt;/div&gt;
&lt;/b:if&gt;Com isso, você já terá a caixa de comentários do Facebook em seus artigos (lembre-se de entrar em um post para visualizar).
A caixa estará acima do formulário de comentários do Blogger. Se você desejar que os comentários do Facebook fique abaixo do formulário de comentário do Blogger, então, coloque o código do plugin logo acima de:
&lt;/div&gt;
&lt;b:if cond='data:post.includeAd'&gt;Dentro do código que adicionamos, teremos estes parâmetros:
data-num-posts='5'
data-width='500'
data-colorscheme='light'O primeiro é o número de comentários a ser exibidos; o segundo é a largura do formulário; e o terceiro é a cor do formulário, você pode alterar light por dark.

Até aqui já temos o CommentBox Facebook, se quiser personalizá-lo um pouco pode colocar antes de ]]&gt;&lt;/b:skin&gt; alguns estilos, como por exemplo:
#comentariosFacebook {
background:#F2F2F2; /* Cor de fundo*/
width:520px; /* largura */
padding:10px;
margin-top:0px; /* Mude para -180px, se você colocou abaixo dos comentários do Blogger */
}
Passo 2:

Se deseja que cada vez que alguém fizer um comentário você receba uma notificação do Facebook e poder moderar os comentários, será necessário criar um aplicativo. Mas para tal é necessário verificar a conta do Facebook.

Se assim for, vá para Facebook Developers e clique em Criar Novo Aplicativo.


Digite o nome do aplicativo, aceite os termos e clique em Continuar.


Na próxima tela clique em Site com login utlizando Facebook, digite a URL do seu blog onde colocou caixa de comentários e copie também o número listado no App ID.


Agora entre novamente em Modelo | Editar HTML do seu blog e adicione antes de &lt;/head&gt; isto:
&lt;meta content='ID de USUARIO' property='fb:admins'/&gt;
&lt;meta content='ID do APLICATIVO' property='fb:app_id'/&gt;Em ID do aplicativo adicione a série de números que copiou. E em ID do usuario adicione o seu ID do Facebook, se você não sabe acesse este link:
http://graph.facebook.com/usuárioAltere onde se indica usuário pelo seu nome de usuário do Facebook e dê um clique, lá verá qual é o ID do seu perfil do Facebook.

Tendo feito isso entre em um artigo para ver sua caixa de comentários e clique em Configurações. Lá você verá várias opções para o plugin; onde diz Moderadores, adicione o seu nome e salve as alterações.


Depois de ter feito tudo isso, poderá moderar os comentários e receber as notificações na sua conta do Facebook cada vez que alguém fizer um comentário. Se não fizer isso, você ainda terá caixa de comentários do Facebook, mas sem estas opções.

Qualquer dúvida sobre o assunto é deixar um comentário.

code1{
font: 13px Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
background: #DFDFDF ;
padding: 3px ;
text-shadow: 1px 1px 0 white;
}
code1 {
-webkit-border-radius:3px ;
   -moz-border-radius:3px ;
        border-radius:3px ;
}
.post h8{
font: 1.8em Impact,Helvetica Neue,'Arial Black',Arial,sans-serif;
display: inline-block;
text-transform: uppercase;
color: #666;
}
.post h7 {
font: 1.4em Impact,Helvetica Neue,'Arial Black',Arial,sans-serif;
display: inline-block;
text-transform: uppercase;
color: #666;
}