terça-feira, 13 de março de 2012

Como colocar comentários do Facebook no Blogger

Como colocar comentários do Facebook no Blogger
 
Sendo o Facebook a rede social mais usada no mundo e sabendo que os internautas por lá passam imenso tempo, é muito importante mostrar a nossa presença se queremos que os nossos projetos/negócios sejam vistos. Hoje vou mostrar-vos como podem inserir comentários facebook no vosso blog, permitindo aos vossos visitantes colocar comentários nos vossos artigos a partir das respectivas contas Facebook.

Procedimento:

1) Primeiro é necessário criar uma aplicação para o Facebook, onde terás que inserir o nome e endereço do teu blog. Para tal, clica aqui e irá aparecer uma página tal como está na imagem.

Facebook Comments
2) Após teres clicado em "Create application", vai aparecer uma página tal como aparece na imagem abaixo e verás que te vão dar um código (App ID/API Key). Aponta esse código no bloco de notas, pois este será importante para o desenrolar do processo.

App ID API Key

3) Agora vai ao painel do teu blog (http://www.blogger.com/home) e vai a "Design" e depois clica em "Editar HTML". De seguida, selecciona a opção "Expandir modelos do Widget". No teu Browser, faz CTRL + F e procura pela seguinte linha de código:


<data:post.body/>

ou

<div class=’post-header-line-1′/>

ou

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

Atenção: O número 1 indicado a Bolt, dependendo do template do blog pode ir até ao 3.

Logo abaixo de uma dessas linhas insere o seguinte código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({appId: &#39;APPID&#39;, status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement(&#39;script&#39;); e.async = true;
e.src = document.location.protocol +
&#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>
<fb:comments/>
</b:if>
4) Onde está escrito APPID a bolt, substitui pela key que te deram aquando da criação da aplicação. De seguida faz pré visualizar e vê se dá tudo ok. Se não der nenhum erro então podes gravar o modelo.

Assina a Newsletter e Recebe os Post do Bizzarru no teu email.

Enter your email address:


Delivered by FeedBurner


Sobre o Autor:
Adicionar caixa sobre autor no rodapé dos posts Facebook | Twitter | Google +

João Paulo Gramacho é o criador do Bizzarru.com onde escreve artigos sobre como ganhar dinheiro, dicas para blogs e técnicas SEO. Além de Webmaster também é licenciado em Química pela Faculdade de Ciências das Universidade de Lisboa.
Reacções:
Blog Widget by LinkWithin