Membuat Kolom komentar FB pada Blog

Merbabu treck (Foto by : Firdauz Helmy)

Kolom komentar Facebook pada blogspot di gunakan untuk mempermudah pengunjung di blog kita untuk berkomentar, karena terkadang pengunjung blog kita sangat malas untuk berkomentar menggunakan akun email karena ribet harus login email terlebih dahulu. Selain itu tampilan blog juga akan terlihat lebih menarik dan lebih pro :) hihihihihi.... walaupun masih ada buntutnya alias blogcepot... :D

Saya mencoba share tutorial ini, perhatikan langkah-langkahnya dibawah ini :

1. Login akun bloger anda

2. Masuk ke Dashboard lalu pilih template dan klik Edit HTML

3. Tekan Ctrl  F dan paste kan kode ini   <div class='comments' id='comments'>

4.  Setelah ketemu kode tersebut pastekan script dibawah ini tepat dibawah kode
<div class='comments' id='comments'>

 <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script>

<style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

5. Kemudian simpanlah templat blog anda

6. Silakan lihat tampilan kolom komentar Facebook pada blog anda..

Catatan : 

1. Ganti tulisan IDFANPAGEFACEBOOK Anda dengan ID Fan Page FB yang anda punya, dan tentunya anda harus punya fan page FB atau halaman FB.

2.cara melihat ID FANPAGE Facebook Anda caranya masuk ke Facebok anda terus buka Halaman atau fan Page FB anda, lihat di Tentang > Info halaman > ID Halaman Facebook (paling bawah) 

Piye gampang toh.... Angger angel yo tongkrong ha ha ha ha (justkid)