Cara memasang Kotak Komentar Facebook di Blog

nurhamka | April 5, 2019 | Blogger, HTML | Tidak ada Komentar

Nurhamka blog – Assalamualaikum 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,

untuk mengetahui Id admin silahkan pergi ke SINI
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

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.