Nurhamka Blog Belajar Ngeblog dari sekarang bersama Kami

Cara memasang Kotak Komentar Facebook di Blog

 

Nurhamka blogAssalamualaikum sahabat Blogger semuanya, kali ini saya akan berbagi tutorial tentang Cara Memasang Kotak Komentar Facebook di Blog, dimana nantinya artikel anda bisa di komentar oleh pengguna Facebook.

Namun Jika Blog anda tidak ada yang komentar lewat Facebook, lebih baik Kotak Komentar nya lepas saja, supaya lebih ringan. Langsung saja ini dia tutorial cara pasang nya.

 

CARA CARA

supaya kotak komentar Facebook nya berfungsi dengan baik, anda harus mengetahui Id admin Facebook dan Id App Facebook anda,

  1. untuk mengetahui Id admin silahkan pergi ke SINI
  2. untuk mengetahui Id App nya silahkan pergi ke SINI

Nah jika sudah mengetahui id nya, langsung saja kita pasang, caranya adalah:

1.silahkan anda masuk ke editor template anda

2 kemudian cari kode <head>

3. lalu tempel kan kode di bawah ini tepat di bawah kode<head>

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

CATATAN

  1. silahkan anda ubah tulisan kode ID di atas dengan kode id Facebook anda

4. kemudian tempel kan kode di bawah ini tepat di atas 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>

5.  langkah terakhir silahkan tempel kan kode di bawah tepat di bawah kode <data:post.body/> yang ke dua atau yang ke tiga

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

6. kemudian simpan template nya, dan lihat hasil nya.

 

CARA 2

1.silahkan anda tempel kan kode meta di bawah tepat  di bawah kode <head>

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

2. kemudian tempel kan juga kode di bawah ini tepat di bawah kode <div class=’comments’ id=’comments’>

<b:if cond='data:post.isFirstPost'> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </b:if>

3. kemudian simpan template, dan lihat hasil nya.

 

Nah itulah sedikit penjelasan mengenai cara memasang kotak komentar Facebook di blog, semoga artikel nya bermanfaat ya, dan selamat memasang kotak komentar Facebook.


Add a Comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *