Cara Memasang Kolom Komentar Facebook di Blog

Tutorial kali ini ada cara membuat kolom komentar Facebook di blog atau cara mengganti kolom komentar di blog menjadi kolom komentar facebook. 

Mengapa harus memasang kolom komentar FB di blog??

Facebook adalah sebuah layanan jejaring sosial yang diluncurkan pada bulan Februari 2004. Facebook memiliki lebih dari satu miliar pengguna aktif, lebih dari separuhnya menggunakan telepon genggam. Oleh karena itu, kita harus memanfaatkan jejaring social ini karena banyaknya pengguna yang menggunakan facebook sehingga jika ada orang yang  mengunjungi blog anda, dan ingin berkomentar di blog anda, pastinya akan lebih mudah karena adanya kolom komentar menggunakan Facebook, jarang orang yang tidak mempunya facebook zaman sekarang. jadi manfaatkan facebook ini untuk blog ada

oke selanjutnya bagaimana cara membuat kolom komentarnya?? 

Inilah Cara Memasang Kolom Komentar Facebook, Langkah-langkah yang harus dilakukan adalah sebagai berikut:

1. Pertama-tama kalian harus login ke blog kalian

2. Selanjutnya pada Dasbor blog anda, masuk ke menu Template, Lalu pilih Edit HTML

3. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah 

Kode yang di cari: <div class='comments' id='comments'> (cari menggunakan Ctr + F)

Salin / Copy script di bawah ini, dan paste di bawah kode yang di cari tadi

<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='roliyantips' 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>

Note :

• Ganti kode berwarna biru dengan kode / no / id fanspage facebook yang kalian miliki
• Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman FacebookAnda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10026565009xxxx
• Silahkan ganti angka yang berwana Hijau di atas. (width='550') untuk mengatur ukuran atau panjang Kolom Komentar FB, sesuaikan dengan Ukuran Blog anda. 
• Apabila kode <div class='comments' id='comments'> ada 2, pilih saja salah satu.

5. Apabila sudah selesai, Simpanlah Template Blog anda. beginilah tampilannya setelah selesai.

Selesai sudah langkah langkah memasanag kolom komentar facebook, silahkan lihat hasilnya dengan mengunjungi salah satu artikel yang telah anda posting, 

Share this post