Cara Menggabungkan Komentar Facebook Dan Blog

Tutorial | Bagi sahabat Bllogger Ttorial saya mau bagi Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger seperti yang ada di blog saya ini hehe..  kamu bisa lihat contoh komentarnya pada gambar di bawah..

Gimana ? Bagus kan sobat?, selain menarik.. komentar yang saya pakai ini kelihatan lebih rapih, dan teratur.. jadi yang gak punya blog pun masih teteup bisa berkomentar, cukup punya facebook aja hehe.. kalo yang pake akun google juga bisa lewat komentar bloggernya..hoho

Bagi yang tertarik silakan ikuti langkah muda Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger dibawah ini:

• pilih Rancangan, Edit html, centang Expand Template Widget, Hmm.. untuk menghindari kegagalan dalam pemasangan, mending kamu backup/download dulu template asli kamu buat jaga-jaga.. :) caranya klik tulisan 'Download Template Lengkap'
• Oke selanjutnya Ctrl + F pada Keyboard sobat, Lalu cari code di bawah ini :

<div class='comments' id='comments'>

• Setelah ketemu Silahkan Copy dan Paste code berikut di bawahnya :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

NB: witdh='400' sesuaikanlah dengan Lebar Halaman Artikel Blog masing-masing

• Cari kode </head> lalu letakkan kode dibawah ini diatasnya

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='MASUKKAN ID FB SOBAT BLOGGER' 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>

NB: Ganti tulisan yang berwarna merah dengan ID Facebook kamu, Contoh ID Fans Page ku: http://www.facebook.com/pages/Blogger-Tutorial/282476135206095?ref=stream (like ya! hehee)

• cari kode ini  /* Comment atau #comments

NB: Sesuaikan dengan yang ada di Blog, jika tidak Ketemu juga silahkan Cari Code yang semirip Mungkin. code ini yang digunakan untuk komentar.

• Lalu Letakkan Code Berikut di Bawah nya

.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;}

• Silahkan Klik Pratinjau dulu apakah Peletakan Code sudah Benar Atau tidak, Jika tidak ada masalah Silahkan Klik SIMPAN

Gampang kan sobat? demikian tutorial Cara Menggabungkan Komentar Facebook Dengan Komentar Blogger selamat mencoba dan semoga berhasil :D jangan lupa tinggalkan komentar, Blogger Tutorial mengucapkan terima kasih :)