quarta-feira, 23 de julho de 2014

Como colocar o Box de Comentários do Face no Blogger

Olá pessoal, tudo bem?

Há uns dias atrás uma leitora me perguntou se eu sabia como colocar aquele box de comentários no blog, até então eu também não sabia, não tinha e estava procurando saber. Pois eu acho super prático, você já está no face, entra no seu blog predileto e é só comentar sem tem que ficar fazendo login em conta ali ou aqui. Vi vários tutoriais de como colocar o box, testei e dava tudo errado :( até que encontrei uma forma bem fácil de fazer \o/ vamos aprender?

PRIMEIRO VAMOS CRIAR UM APP!

Clique neste link https://www.facebook.com/login.phpnext=https%3A%2F%2Fdevelopers.facebook.com%2Fapps - faça o login e siga os passos abaixo:

- Clique em REGISTER NOW.

- Aceite a Política de Privacidade e clique em PRÓXIMA.

- Coloque o número do seu celular pois você vai receber um código.

- Fazendo esses passo irá aparecer esta nova janela. Clique em CREATE A NEW APP.

- Dê um nome para ele e escolha a categoria.

Pronto! O seu APP foi criado e ele gerou um APP ID.

AGORA VAMOS PARA A PARTE CHATINHA!!! hahaha...

Você vai em:
- MODELOS > EDITAR HTML

Na caixinha que abrir com os códigos, aperte CTRL + F para abrir a caixinha de pesquisa e procure pelo código:

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

O meu funcionou com esse código, mas se não funcionar, tente com esses aqui:

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

<b:includable id='comment_picker' var='post'>

Logo ABAIXO do código encontrado cole:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <div style='float: left; margin: 0px auto 20px; padding: 10px; background: #fff;'>
                          <h4>
                            <fb:comments-count expr:href='data:post.url'/>
                            comentário(s) pelo facebook:
                          </h4>
                          <div id='fb-root'/>
                          <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
                          <fb:comments expr:href='data:post.url' num_posts='3' publish_feed='true' width='710'/>
                        </div>
                  </b:if>

Obs.:
O que está em ROXO é o tamanho do formulário.
O que está em VERDE é a quantidade de comentários que irão aparecer na página.

MODERANDO OS COMENTÁRIOS 

Ainda na caixa dos códigos HTML procure por:

<head>

Logo ACIMA do mesmo cole:

<meta content='ID-APP' property='fb:app_id'/>

Onde está escrito ID-APP, apague e coloque aquela sequência de números que o seu APP gerou.

Salve tudo!

Acesse: https://developers.facebook.com/tools/comments
Na janela que abrir, clique em CONFIGURAÇÕES digite o seu nome no campo MODERADORES.

Espero que vocês tenham gostado e que ajudem vocês.

Um beijo,


Priscila





8 comentários:

  1. Oi Pri,
    perfeito o tutorial, estava procurando feito louca por ele ...
    Todos os que eu encontrei deixava um dos dois sistema oculto, esse é perfeito. Obrigada !

    Um beijo,

    ResponderExcluir
  2. Nossa, eu sempre quis saber isso, flor... valeu mesmo. bjs

    ResponderExcluir
  3. Oi, Priscila! Tudo bom?

    Então.. Fiz seu passo a passo, não deu erro no HTML, mas o box de comentários do Facebook não apareceu no meu blog.. Sabe dizer por quê?

    Abraços!
    Roberta

    ResponderExcluir
    Respostas
    1. Oi Roberta,
      Nossa que estranho, eu fiz esse processo duas vezes e não deu erro... tentou de novo?

      Beijos

      Excluir
    2. Tentei sim e várias maneiras que nem sei mais dizer aqui pra você, rsrs
      Inclusive desativei os comentários do blogger mesmo, pra ver se estava dando conflito e nada.. :(

      Excluir
    3. Poxa Roberta que coisa, heim...
      Vou ver aqui o que poderá ter ocorrido.

      Beijo

      Excluir

Obrigada por visitar o meu Cantinho!
Ficarei muito feliz em ler seu comentário e irei responder o mais breve possível.
Beijos :)

Related Posts Plugin for WordPress, Blogger...