20 de mai de 2013

Usar os comentários do Facebook e do Blogger no blog




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



Salve !






Procure por



<div class='post-footer-line post-footer-line-2'>




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 == &quot;item&quot;'>
<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.


7 comentários:

  1. 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/

    ResponderExcluir
  2. Consegui...Estava tentando e tentando...
    Seu tutorial é maravilhoso...Muito obrigada. http://modaeexcelencia.blogspot.com.br/

    ResponderExcluir
  3. Pode me ajudar? Eu não estou conseguindo.

    ResponderExcluir
  4. não estou conseguindo a segunda parte !

    ResponderExcluir
  5. o meu blog tem um fundo escuro como eu faço pra mudar acor do background da caixa de commentarios?

    ResponderExcluir
  6. nao deu certo nao da pra salva da isso aqui

    Erro ao analisar XML, linha 1253, coluna 5: The element type "b:includable" must be terminated by the matching end-tag "".

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube