Membuat Kotak Komentar Facebook Di Halaman statics Tertentu

Hallo shabat blogger, sesuai dengan janji saya kemaren, saya akan membagikan Tutorial untuk Membuat Kotak Komentar Facebook Di Halaman statis Tertentu, nah memasang kotak komentar facebook ini bisa di bilang cukup mudah jika sudah memiliki pengalaman dalam dunia blogging/blogger.
Sebelum kita membahas Membuat Kotak Komentar Facebook Di Halaman statics, sudahkah kamu memasang komentar facebook di blog kamu dengan Responsive???, jika belum kamu ikuti langkah memasangnya di sini: Memasang Komentar Facebook Responsive Terbaru Di Blogger

Membuat Kotak Komentar Facebook Di Halaman statics

Memasang kotak komentar facebook sangat berguna, di mana pengunjung blog dapat lebih mudah memberikan komentar dengan akun sosial medianya yaitu facebook.
Untuk pemasangannya silahkan ikuti Tutorialnya di bawah ini.

1. Buka Blogger>Laman>Laman Baru (Buat Halaman Baru di Blogger kamu)
2.Pada halaman yang tadi telah di buat silahkan kamu pindahkan mode Compose menjadi HTML yang ada pada bagian pojok atas, lebih jelasnya seperti gambar di bawah ini.

3. Pada Kotak HTML tadi silahkan pastekan kode berikut.

<div class="comments-page" id="fb-comments-page">
<b:if cond="data:blog.url != data:blog.homepageUrl"></b:if>
<div id="fb-root">
<fb:comments expr:href="data:post.url" num_posts="20" width="500"></fb:comments></div>
</div>
<div id="fb-root">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
<div id='container-commentfb' style='width: 100%;'>
<fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
 var url = location.protocol+'//'+location.host+location.pathname;
  var containercm_width = $('#container-commentfb').width(); 
    $('#container-commentfb').html('<div class="fb-comments" ' +
    'data-href="'+url+'"' +
    ' width="' + containercm_width + '" data-num-posts="10">
</div>
');
    FB.XFBML.parse( ); 
  });
//]]>
</script>
</div>

4. Terakhir silahkan kamu save Halaman yang di buat tadi, dan lihat hasilnya

Result

Mungkin itu saja untuk pembahasan tutorial kali ini, jika dalam pemasangan di atas menimbulkan masalah tertentu bisa di pertanyakan dalam bentuk komentar di bawah ini sampe ketemu di tutorial selanjutnya.

Artikel Terkait