Cara Membuat Kolom Komentar Facebook Di Blog

Cara Memasang Kolom Komentar Facebook Di Blog. Berawal dari seringnya berkunjung ke blog Root93.co.id yang di kolom komentarnya ada yang versi facebook , muncul di pikiran saya bagaimana jika komentar versi facebook dipasang di blog saya triknews, saya amati ternyata blog Root93.co.id menggunakan template EVO MAGZH karya Mas Sugeng , saat itu juga saya langsung mencari dan download tempalte EVO MAGZH guna menelusuri kode-kode HTML didalamnya yang di gunakan untuk pemasangan komentar versi facebook, dengan fokus pengamati kode-kode tersebut saya akhirnya menemukan kode script komentar facebook tersebut, pemasangan komentar facebook pun berhasil , Trimakasih Mas Sugeng karyamu sangat kami apresiasi.

Oky kembali membahas ke Cara Membuat Kolom Komentar Facebook Di Blog, cara pemasangannya pun sangat mudah saudara hanya membutuh kan penambahan satu kode CSS dan dua kode script, penambahan Kolom Komentar Facebook Di Blog sangat menguntung kan pemilik blog dan juga pengunjung blog . Adanya fasilitas Komentar Facebook pengunjung blog atau user yang kebetulan tidak memiliki akun Gmail tetapi memiliki akun Facebook mereka akan sangat mudah memberi respon ataupun komentar terhadap artikel yang ia baca, karna yang berkomentar via blogger hanya user yang memiliki akun Gmail iya kan ? Bagaiman anda tertarik untuk memasang Kolom Komentar Facebook Di Blog anda ? ikuti tiga langkah berikut ini..!

Baca juga : Kelebihan dan Kekurangan Komentar Facebook di Blog

• Buka Dashboard blog anda
• Pilih Template kemudian tekan edit HTML

1- Paste kode CSS berikut di atas kode ]]></b:skin>

/* facebook comments by triknews */
.fbbox-comments {
box-sizing: border-box;
-moz-box-sizing: border-box;
background:#fff;
border:1px solid #e5e5e5;
margin: 0 0 20px;
}
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;
}
.rich-snippet {
padding:10px;
margin:15px 0 0;
border:3px solid #eee;
font-size:12px;
} 

2- Paste kode script berikut di bawah kode </head>

<!--script Comments facebook by triknews-->
<div id='fb-root'/>
<script>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'https://www.facebook.com/triknews',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script> 

silahkan ganti www.facebook.com/triknews dengan ID facebook anda

3- Scrol kebawah kepertengahan halaman HTML sampai pada -lihat gambar


Cara Membuat Kolom Komentar Facebook Di Blog
klik tanda panah hitam kecil sebelah kiri dan temukan kode <b:includable id='threaded-comment-form' var='post'>



4- Kemudian Paste kode script berikut di bawah kode <b:includable id='threaded-comment-form' var='post'>

 <!-- facebook comments responsive JS -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
$(window).bind("load", function(){    
var container_width = $('.fbbox-comments').width();    
var fburl=(window.location.href);
var fbfix=fburl.indexOf('?');
var fburlfix = fburl.substring(0, fbfix != -1 ? fbfix : fburl.length); 
$('.fbbox-comments').html('<div class="fb-comments" ' + 
'data-href="' + fburlfix + '"' +
' data-width="' + container_width + '" data-num-posts="5"></div>');
FB.XFBML.parse( );    
}); 
//]]>
</script>
<div class='fbbox-comments' style='width:100%;margin-top:20px'>
<div class='fb-comments' data-num-posts='2' data-width='680' expr:data-href='data:blog.url'/>
</div>
</b:if> 

5- Terakhir simpan.

Demikian penjelasan kami mengenai artikel Cara Membuat Kolom Komentar Facebook Di Blog Semoga bisa menjadi referensi serta bermanfaat bagi anda.