Senin, Desember 07, 2015

Cara Menerapkan Komentar Facebook Pada Blog


Cara Menerapkan Komentar Facebook Pada Blog - Dalam artikel kali ini, saya akan membahas bagaimana cara menerapkan komentar facebook pada blog. Memasang komentar pada blog ini memudahkan pembaca untuk berkomentar, dengan adanya kolom komentar facebook pengunjung yang tidak sedang login akun google bisa langsung berkomentar dengan menggunakan akun facebook.

Selain untuk mempercantik tampilan blog, ada tujuan lain kita menerapkan komentar facebook di blog yaitu supaya komentar terlihat rapih. Karena jika kita menerapkan komentar facebook di blog, otomatis akan ada dua kolom komentar. satu komentar dengan blogger dan satu nya lagi komentar dengan facebook.

Baca Juga : Cara Membuat Tools Parse Kode HTML
 
Komentar-komentar dari pengunjung  tidak akan terlihat pada bagian akhir posting, jika kita tidak memilih berdasarkan blog atau facebook.
Nah untuk menerapkan komentar facebook pada blog silakan kalian ikuti langkah dibawah.

Cara Merapkan Komentar Facebook Pada Blog
1. Langkah pertama, pasang meta tag facebook dibawah ini dengan meletakkan nya tepat dibawah kode <head>

<meta content='Kode ID Facebook admin' property='fb:admins'/>
<meta content='Kode ID Aplikasi Facebook' property='fb:app_id'/>

2. Masukkan Kode berikut tepat diatas kode </head>

<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>

3. Selanjutnya kalian letakkan kode dibawah ini tepat dibawah kode <data:post.body/>  yang berada dihalaman post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
</b:if>

4. Terakhir tinggal simpan template kalian dan lihat hasil nya.

Nah gimana mudah kan, silakan diterpakan ya sob. Sekian tutorial tentang Cara Menerapkan Komentar Facebook Pada Blog. Terima kasih sudah menyisihkan waktu luang nya untuk membaca artikel saya, dan bila berkenan silakan share artikel ini agar bermanfaat bagi yang lainnya terimakasih.