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 !
Procure por
Imediatamente abaixo do código 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.
Esse eu não consegui fazer. O outro modelo, que substitui os comentários do Facebook pelo blogger eu consegui. Mas quero deixar os dois por uma opção . Muito obrigada. http://modaeexcelencia.blogspot.com.br/
ResponderExcluirConsegui...Estava tentando e tentando...
ResponderExcluirSeu tutorial é maravilhoso...Muito obrigada. http://modaeexcelencia.blogspot.com.br/
Pode me ajudar? Eu não estou conseguindo.
ResponderExcluirnão estou conseguindo a segunda parte !
ResponderExcluiro meu blog tem um fundo escuro como eu faço pra mudar acor do background da caixa de commentarios?
ResponderExcluirnao deu certo nao da pra salva da isso aqui
ResponderExcluirErro ao analisar XML, linha 1253, coluna 5: The element type "b:includable" must be terminated by the matching end-tag "".
nao deu certo
ResponderExcluir