Depois de tantos comentários e pedidos a respeito desta tutorial, resolvi refazê-la. Sei que deveria ter feito isso antes, mas vou me agarrar naquele velho ditado: "Antes tarde do que nunca"
O Facebook fez alterações em seus códigos, assim como o Blogger na estrutura de seu HTML, por isso o antigo hack já não funcionava mais, mas aí está, toda a tutorial reformulada, em 2013 para o novo editor do Blogger...
É necessário abrir o Facebook e fazer o login. Depois, clique neste link:
https://developers.facebook.com/apps
Você irá criar um aplicativo para seu blog, por isso atenção !
Clique no botão " + Criar Novo Aplicativo"
Agora abrirá uma janela...
Preencha as caixas como no modelo, depois clique em "Continuar". Perceba no entanto, que deverá aparecer a inscrição "Correto" e "Avaliable", ou não dará certo.
Preencha a capitcha conforme o exemplo.
Pronto, agora você será direcionado a uma página onde aparecerá o número do ID de seu aplicativo. Precisaremos dele para instalar os comentários em seu Blogger.
Deixe a página aberta ou anote o número do seu aplicativo, volte até o seu blog, vá em "Modelo". Clique em "Editar HTML"
Ao abrir o editor, dê um clique em cima do painel. Clique então nas teclas CTRL + F. Abrirá uma pequena janelinha. Procure então por
<head>
E abaixo dele cole este próximo código, colocando no local que se pede o número do aplicativo do Facebook.
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='AQUI O NÚMERO DO APLICATIVO DO FACEBOOK'property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='AQUI O NÚMERO DO APLICATIVO DO FACEBOOK'property='fb:admins'/>
Salve !
Clique então em Ir para um widget e depois clique em Blog1
Agora clique na setinha que tem ao lado para abrir a tag.
Procure por
<b:includable id='comments' var='post'>
Clique então na pequena setinha que tem ao lado para abrir a tag.
Imediatamente abaixo do código <b:includable id='comments' var='post'> cole o este próximo código: (número grifado em rosa representa a largura da área do Facebook, troque-a caso necessário.)
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='560'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='52' width='560'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'/>
SALVE !!! Esta prontinho, os comentários do Facebook já estão em seu blog.
Possivelmente você não estará vendo a caixa do Facebook, isso é porque ainda não ocultou os comentários do Blogger. Proceda então da seguinte forma:
Clique em Configurações, depois em Postagens e comentários, clique então na pequena setinha na caixa que está a frente de Local de comentários, ao abrir a janela, clique em Ocultare depois em Salvar configurações.
Postagem completa no Blog : http://templateseacessorios.blogspot.com.br/2013/01/substituir-comentarios-do-blogger-pelo.html
----------------------------------------------------------------------------------------------------------------------
★ Facebook: https://www.facebook.com/fazerblogsesites
★ Twitter: https://twitter.com/FazerBlogssites
0 comentário "Sistema do Comentários do Facebook no Blogger ((PASSO A PASSO))"
Postar um comentário