Membuat Komentar Facebook Dengan Scroll Pada Blog

Menghubungkan konektivitas social media dengan blog untuk mendapatkan lalu lintas yang besar merupakan suatu optimalisasi halaman blog yang sangat baik dan menjadi salah satu faktor untama untuk meningkatkan traffik pengunjung pada blog.
Agar suatu blog dapat terkonektivitas dengan social media seperti facebook, maka memerlukan jasa dari facebook developers untuk mendapatkan plugins seperti widget tombol share, like, facebook comment, dan lainnya.
Posting ini hanya akan membahas bagaimana cara membuat komentar facebook dengan tambahan scroll yang berfungsi menghemat atau menyingkat tampilan ruang komentar di bawah posting blog.

Membuat komentar facebook di blogger
Berikut langkah-langkahnya:
Masuk pada menu Edit HTML, copy script di bawah ini dan letakkan tepat sesudah kode <body>

<div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : &#39;582204668525761&#39;,
          status     : true,
          xfbml      : true
        });
      };
      (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/en_US/all.js&quot;;
         fjs.parentNode.insertBefore(js, fjs);
       }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
    </script>

Kemudian, letakkan script di bawah ini tepat sebelum atau di atas kode ]]></b:skin>

.fb-comments{
padding-left:15px;
overflow: auto; height: 300px; width: 570px;
}

Selanjutnya, temukan kode <div class='post-footer-line post-footer-line-3'/> dan paste script di bawah ini di bawah kode tersebut.


<div class='fb-comments' data-colorscheme='light' data-href='http://www.facebook.com/ContekanBagus' data-numposts='4'/>
    </div>

Terakhir, tinggal meletakkan kode di bawah ini setelah atau di bawah kode <head>


<meta content='http://www.facebook.com/Contekan Bagus' property='fb:admins'/>

Ganti tulisan dan angka berwarna merah pada dua kotak script di atas:
  • Kata ContekanBagus diubah dengan nama akun fb sendiri.
  • Angka 4 berwarna merah yaitu untuk menentukan jumlah komentar yang ingin ditampilkan dan silahkan diganti sesuai keinginan.
Setelah langkah-langkah di atas selesai, klik simpan dan lihat hasilnya pada blog sobat.

23 Comments

  1. makasih .....infonya bagus, salam kenal.

    ReplyDelete
  2. siiip...ok banget...terimakasih..

    ReplyDelete
  3. mksih infonya, perlu di coba..

    ReplyDelete
  4. keren gan artikelnya , jangn lupa kunjungi
    https://disiplinlinux.blogspot.co.id/

    ReplyDelete
  5. sudah pernah di coba tapi belum berhasil

    ReplyDelete