Como usar os comentários do Facebook e do Blogger juntos - Novo

quarta-feira, dezembro 18, 2013

Hello girls! Já tem um tempinho que esse tutorial foi solicitado, mas como o Facebook Developers fez algumas mudanças, tive que analisar e testar para fazer um tutorial atualizado.
O facebook é uma das redes sociais mais importantes do mundo, e uma das principais nos blogues em geral, é através do face que informamos para a maioria dos leitores os últimos posts, fazendo assim uma chamada para o blog. Por isso, esse tutorial tem uma importância extrema para nós blogueiros.
Uma das formas de aproximar o leitor do facebook com o blog é reservando um espaço de comentários para que eles se sintam livres para deixar sua opinião.
Que tal juntar esses espaços de comentários no seu post?
Quando finalizado, ficará assim:

O leitor poderá escolher entre comentar pelo face ou pelo login do Blogger. Seu blog ainda não tem essa opção? Siga os passos, e use em seu blog também!

1- Antes de qualquer coisa; como teremos que alterar o código HTML, recomendo que você salve uma cópia do seu layout, assim não haverá problemas depois.

2- Para começar, faça login com seu perfil pessoal no facebook, e clique nesse link para criar seu aplicativo: https://developers.facebook.com/

3- Logo acima, na barra azul do menu, há uma aba chamada Apps, clique nela

4- Agora clique em + Criar novo aplicativo
  • Abrirá uma janela, e você deverá preencher o primeiro espaço com o nome do aplicativo, é necessário verificar se o mesmo é aceito pelo facebook. Quando ao lado aparecer Correto, clique em continuar. (Obs: o restante dos espaços é opcional)
  • Em seguida é necessário fazer a verificação de segurança, copie os códigos de acordo com o captcha e clique em continuar.
  • Pronto! Seu aplicativo foi criado. Você vai precisar do número do ID, copie e cole no bloco de notas.
  • Voltando ao Painel do Blogger-> Vá em Modelo -> Editar HTML. Ao abrir o editor, dê um clique em cima do painel. Pressione as teclas CTRL + F, ao mesmo tempo. Abrirá uma pequena janelinha. Procure então por:
<head> 
5- Abaixo dele, cole este código, onde está escrito “AQUI O NÚMERO DO ID”, cole o ID que você salvou no bloco de notas sem apagar as aspas (troque apenas o nome). Em seguida, salve! 
<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 ID' property='fb:admins'/> 
6- Pressione as teclas CTRL + F e procure por um dos códigos abaixo:
<div class='post-footer-line post-footer-line-2'>
ou
<div class='post-footer-line post-footer-line-3'> 
7- Cole este código logo abaixo do trecho que você encontrou. (A parte grifada de rosa representa a largura da caixa de comentários, se preferir pode alterá-la de acordo com o tamanho da sua área de postagem) 
<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'/>

Ressalva!

8- Para os templates free disponibilizados pelo blog procure por:
<span class='post-location'>
E cole o código acima do trecho que você encontrou.


Prontinho! A caixa de comentários do facebook já está preparada para receber os recadinhos.
Quem não conseguir ou tiver alguma dúvida, deixa um comentário aqui no post. Beijos 

Postagem mais recente Postagem mais antiga

Você também vai gostar

20 comentários

  1. Obrigada pela dica :)

    http://dicas-damih.blogspot.com.br/

    Beijinhos da Mih <3

    ResponderExcluir
  2. Ótimo o tutorial! estava pensando em colocar comentário de Facebook no blog... ajudou muito :]
    Beijos, E.
    http://apenasmaisumaxicaradecafe.blogspot.com.br/

    ResponderExcluir
  3. flor que dica ótima queria fazer isso mas não sabia como
    vou tentar fazer =Pp
    bjss

    Batom & Blush
    http://marilisdasilvadutra.blogspot.com.br/

    ResponderExcluir
  4. Adorei o tuto! Vou salvar aqui nos favoritos e ver se consigo colocar no meu blog depois ^^ Beijos, Bruna. http://chanelfakeblog.blogspot.com.br/

    ResponderExcluir
  5. Já tinha visto em diversos blogs, porém nunca explicando, amei :)

    Visita meu blog e das minhas irmãs?

    www.WorldCCPM.blogspot.com

    Curtam a FanPage: https://www.facebook.com/pages/WorldCCPM/344537332296209?fref=ts

    ResponderExcluir
  6. Eu sempre quis colocar essa ferramento no meu blog, mas sou péssima com htlms rs'
    Excelente quarta!
    Beijinhos ;*

    bycarolinaa.com
    facebook.com/meudiarioescondido

    ResponderExcluir
  7. Adorei o tutorial, acho que vou colocar no meu
    Seguindo aqui linda
    http://vocevaidosaa.blogspot.com.br/

    ResponderExcluir
  8. Não consegui. Depois de clicar em app, aparece uma outra página.

    http://cheiadepapo.blogspot.com.br/

    ResponderExcluir
  9. Ainda não tenho essa caixa de comentários no meu blog, preciso implementar, as novidades são mto rápidas no mundo online. Valeu pelo tutorial!

    Vaidosa e Toda Prosa| |FANPAGE |TWITTER

    ResponderExcluir
  10. Muito bom o Post! Obrigada.. bjoo
    http://blogoncapintada.blogspot.com.br/

    ResponderExcluir
  11. amei as dicas.
    http://kawaii-teen.blogspot.com.br/

    ResponderExcluir
  12. Gostei do tutorial, já tenho os comentários do Facebook no blog aprendi em outro blog quem sabe em um próximo layout eu uso esse? Beijos

    ResponderExcluir
  13. Gostei da dica! Já procurei uma vez, mas desisti de colocar rs

    ResponderExcluir
  14. Eu tenho que fazer isso no meu blog, isso
    super ajuda os nossos leitores
    se aproximarem mais do blog!
    Beijos

    http://www.amandagolart.com/

    ResponderExcluir
  15. ótima dica flor! Adorei conhecer seu blog!
    beijos

    ResponderExcluir
  16. opa esqueci meu blog, rs

    www.blogladies.com

    ResponderExcluir
  17. Já vi vários blogs com essa opção, é um belo tutorial :)
    beijos,

    www.soentreamigas15.blogspot.com

    ResponderExcluir
  18. Muito obrigada memso! Eu estava louca procurando um tutorial desse que realmente funcionasse, super amei o post *-*
    Te convido a conhecer meu blog, ele é novinho ainda mas espero que goste http://escritos-de-uma-garota.blogspot.com.br
    Um abrço :*

    ResponderExcluir
  19. Obrigado pelas dicas! www.pitacocristao.blogspot.com

    ResponderExcluir

Não deixe de comentar!
Sua opinião é muito importante para mim :D
Beijos...

Rolando no Blog!

Post em destaque ♡

Caixotes de feira na decoração

Se tem uma coisa que adoro fazer, é arte! <3 Me amarro em decoração, principalmente quando se trata de transformar lixo em artigos su...

Mais lidos da Semana