• Fotografia
    Como tirar fotos legais com o celular
    16 set 2015
  • Decoração
    Os 5 melhores diys de decoração (vídeos)
    24 fev 2015
  • Feminice
    Meus produtos favoritos da Dresslily
    28 jan 2016
  • 16 novembro 2014

    Tutorial: Comentário do Facebook - ATUALIZADO

    Ei, meninas e meninos! Hoje vou ensinar pra vocês como eu coloco o comentário do facebook nos meus blogs. Bom, ele funciona comigo em todos os layouts, travel, simple, minima etc. Então vamos ao tuto? 

    Para começarmos temos que criar um aplicativo no facebook, é bem simples. Clique aqui: Facebook Developers. Agora lá encima, na barrinha azul, está escrito "APPS", clique e logo baixo vai aparecer "ADD A NEW APP", clique. Escolha "SITE" e vai aparecer isto aqui: (se não aparecer ou tem algo errado ou tem algo errado, então volte e faça de novo).



    Digite na barra branca "COMENTÁRIOS" ou algo do tipo e dê ENTER. Vai aparecer outra janela agora, não feche. Vamos precisar dela!

    Abra seu blog, vá em Modelo e dê Ctrl+F e digite o seguinte: <head>, está logo no começo. Agora ABAIXO desta tag, cole o seguinte: 
    <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>

    <script src='http://code.jquery.com/jquery-latest.js'/>

    <meta content='NÚMERO DO APLICATIVO' property='fb:admins'/>

    Onde está escrito "número do aplicativo", claro, substitua pelo número do seu aplicativo, que está na janela que nós não fechamos. Olhem:


    Não copie o meu número, faça com o número do seu aplicativo! Agora que você já colou o número do seu aplicativo no lugar informado, vamos à outra etapa.

    Procure no seu layout: <div class='post-footer-line post-footer-line-3'>agora que você achou, ache o fim dessa DIV e ao lado. Lembre-se, no fim da DIV. Como na imagem: 



    <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='5' width='650'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'/>


    Repare bem aonde eu coloquei. No fechamento da DIV e antes do </b:includable>. Aonde está selecionado é o nosso código, como devem ter reparado.

    Num_Posts='5': Não precisa alterar.
    Width='650': Largura da caixa de comentários. Se você não sabe a largura do seu, vá alterando até encontrar uma que se encaixe. Ou pesquise por: #main-wrapper { e veja qual a largura se encaixa. 

    Agora, salve e vá em algum post. Eu reparei que o facebook deixa um aviso nele mais ou menos assim: Blá-blá não está sendo rastreado pelo facebook. Clique nesse aviso e em seguida, quando abrir uma outra janela do Facebook Developers clique nos dois botões em azul abaixo do link do seu post.


    Esses dois botões em azul da foto: Show existing scrape information e depois, Fetch new scrape information, pelo menos comigo isso funcionou. Se não funcionar contigo me chame aqui nos comentários, ok? 

    Um beijo e espero que tenham gostado! Fique bem <3
    Qualquer dúvida ou dificuldade, chama aí nos comentários!

     Acompanhe o blog: Facebook | Twitter Instagram Youtube 

    2 comentários:

    1. Eu tinha colocado, mas ele sumiu, o código ainda tá lá no html mas não aparece nos meus posts :'(
      http://blogdaumzoom.blogspot.com

      ResponderExcluir
      Respostas
      1. Vou ver o que tá acontecendo, se for com o código eu atualizo o post aqui, ok? No meu também eu tenho reparado que está assim.

        Beijos, Sophia!

        Excluir