Sistemas de Mensagens do do facebook no blogger.

byLUCAS DOS SANTOS -dezembro 22, 2012

0

Olá amigos, neste artigo venho mostrar como colocar o sistema de comentários do Facebook em seu blog do blogger. O tutorial é simples, mas requer um pouco de atenção.

-Balões das redes sociais nas postagens do seu blog.

- Como colocar Like Box - Caixa de fãs do Facebook em seu blog

- Clique aqui para Curtir Fan Page do Facebook no Blogger - Com Cookies

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.

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"

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

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:

<data:post.body/>

ou

<div class=’post-footer-line post-footer-line-1‘/>

5. ABAIXO da linha encontrada cole.

<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'APPID', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<fb:comments/>
</b:if>

Substitua o "APPID" pelo código de seu aplicativo criado.

6. Agora Salve o Modelo.
Os comentários do Facebook já estão adicionados.

A moderação dos comentários é feita com o criador do aplicativo logado na sua conta do Facebook, irá aparecer dessa forma:

Existe uma página para visualização e moderação dos comentários: 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".