Com botar o sistema de comentários do Facebook em seu blog

Facebook, rede social muito usada, todos nós sabemos que o facebook é muito famoso, não precisa ser gênio para saber disso, ele oferece diversas ferramentas, como LIKE para seu blog, e outros Gadgets que podem ajudar muito você que está começando ou quer que os ouvintes de web rádio, leitores.. etc.. lhe ajudem a crescer compartilhando seu link para seus amigos no facebook.

bom, nessa postagem eu Eduardo estarei ensinando como por o sistema de comentários do Facebook, para que seus leitores possam comentar e ao mesmo tempo já vai está compartilhando o seu comentári, essa ferramenta vai te ajudar muito, como ajudou muitos e todos ficaram satisfeitos.

vamos chegar de papo e vamos começar passo a passo, primeiramente recomendo que faça backup de sua template., (para aqueles que não sabem por favor, clique aqui e veja como)




Passo 1:

Entre no seguinte link: blog: http://developers.facebook.com/setup/

Coloque o nome do seu blog e a url, ou seja o endereço dele, onde ira funcionar o sistema de comentários. deixa como está a localização Português(brasil) se não estiver poe. Depois clique no botão “Create app”.

Após isso ele ira gerar umas configurações, você faz o seguinte. procure pela opção :
"APP ID" guarde aquele numero que está ao lado essa opção, pois você vai usar ele em breve para fazer alterações em sua barra de comentários. 



Passo 2:
                                                                                                                                           -Agora vamos por em seu blogger, recomendo que faça tudo isso em um blog de teste.

como chegar la? Vá no painel de seu blog >> Designer >> Editar Html


Passo 2, parte 2:
Agora aperte em  "Expandir modelos de widgets"
Pronto, agora vamos começar a modicar seu template:

Agora aperte: "CTRL + F" e procure pela linha:

Procure um desses trés.
<data:post.body/>
<div class=’post-footer-line post-footer-line-1‘/> 
<div class=’post-header-line-1′/>

Onde o número pintado de vermelho pode variar até 3, indicando a linha abaixo do post. Por isso procure com atenção qual a linha mais adequada para o seu tipo de template.

E cole esse código abaixo da tag encontrada.

<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>

Onde está marcado de vermelho e diz “APPID”, modifique pelo número de ID aquele que pedi para você guardar no começa da postagem

Atenção: Verifique se nas duas primeiras linhas do código, estão sendo usadas aspas simples, se não da um erro.

Então salve o modelo.
Passo 3. Fechar o comentário padrão do Blogger

Para terminar o processo você precisa desativar o formulário padrão do Blogger para exibir abaixo dos posts apenas o novo formulário do Facebook para que seja usado a partir no seu blog.

Entre no menu “Configurações>>Comentários< e já de cara você vera as opções, selecione a opção "OCULTAR"

salve e pronto, agora já pode ver se está funcionando corretamente

post feito por Eduardo Criador