08 agosto 2014

Como colocar caixa de Comentários do Facebook no Blog.

08 agosto 2014
Oi meninas :



Para alegrar a vida de vocês hoje vi com um super tutorial de como colocar caixinha de comentários do Facebook direto no blog.

Vejam o vídeo de como instalar no Html do seu blog.


Códigos 

Pesquise por
<body   ou <body>


1° Código 

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'APPID', // App ID
      channelUrl : '//www.seudominio.com/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/pt_BR/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>


Pesquise por 
<data:post.body/>

ou
<div class=’post-footer-line post-footer-line-1‘/> 


2° Código


<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &quot;//connect.facebook.net/pt_BR/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<div class='fb-comments' data-colorscheme='light' data-num-posts='3' data-width='420' expr:href='data:post.url'/> </b:if>


Façam e comentem se deu certo  
Duvidas aqui nos comentários. 

Um super abraço !!!



Image and video hosting by TinyPic

7 comentários:

  1. Simplesmente adorei, esses dias estava pensando em fazer isso; acho muito prático para alguns leitores.

    Hiper beijo
    www.leyareismk.com

    ResponderExcluir
  2. Ótimas dicas, vou tentar depois com o Acer, com o Smartphone (Galaxy Note 2) é mais complexo!

    ResponderExcluir
  3. Carla, adorei, vou fazer no meu! *-*

    Beijooo,
    http://awayinsilence.blogspot.com.br/

    ResponderExcluir
  4. Tentei fazer, não deu certo :( Não seii porque :'(

    ResponderExcluir
  5. Gostei do tutorial
    http://toobege.blogspot.com.br/

    ResponderExcluir
  6. cURTIIIII
    BJS
    http://deliriosdadayse.blogspot.com.br/

    ResponderExcluir
  7. EU JA COLOQUEI ISSO LA NO MEU, ADORO SUAS DICAS <3
    http://blogdagabinovaes.blogspot.com.br/

    ResponderExcluir

Quer comentar fique a vontade e expresse sua opinião.
Vale a pena ser educado.
Link do blog? Por favor deixe ele no fim do comentário pois sempre visito todos.

Volte sempre

Postagens populares