Cara Membuat Kotak Komentar Facebook Untuk Blog

Nah, pada postingan ini, admin akan sedikit berbagi tentang cara membuat kotak komentar facebook untuk blogspot. Untuk contohnya, sobat bisa melihat pada blog ini. Dimana visitor dapat memilih apakah ingin berkomentar dengan menggunakan blog atau melalui facebook. 

So langsung aja check it out caranya>>>>

1. Masuk ke akun blog sobat, kemudian pilih rancangan > edit html > checklist "expand...."
2. Cari kode </head>
kemudia paste kode dibawah ini tepat 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 disini' 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>

3. Cari kode <div class='comments' id='comments'>
kemudian paste kode 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'>

4. Cari kode /* Comment atau #comments atau yang mirip seperti kode tersebut.
dan letakkan kode berikut tepat dibawahnya

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

 5. Terakhir save! Dan jika tidak ada yang salah, maka komentar blog sobat akan berubah seperti komentar pada blog ini!

Untuk tulisan yang berwarna biru silahkan disesuaikan. Pada langkah yang kedua, ganti dengan ID FB sobat, dan pada langkah yang keempat silahkan ganti tulisan berwarna biru dengan menyesuaikan ukuran (panjang dan lebar) blog sobat.

Selamat mencoba membuat kotak komentar facebook untuk blogspot, dan semoga berhasil!  Jika ada pertanyaan, silahkan tinggalkan komentar! Semoga bermanfaat!!

Anda baru saja membaca artikel yang berkategori Facebook / Tutorial Blog dengan judul Cara Membuat Kotak Komentar Facebook Untuk Blog. Anda bisa bookmark halaman ini dengan URL http://blog-kalteng.blogspot.com/2012/09/cara-membuat-kotak-komentar-facebook.html. Terima kasih!

Ditulis oleh: Unknown - Sabtu, 22 September 2012