Dari semua kotak komentar yang ada, saya lebih suka dan memilih kotak komentar yang ini sebagai default di blog saya.
Kali ini saya akan memberikan turtorial lengkap Cara Menggabungkan Kotak Komentar Facebook dan Blogger..
Adapun langkah - langkah membuatnya, sbb :
1. Login blog sobat.
2. Masuk ke Template > Edit HTML > centang Expand Template Widget.
3. Copy dan Pastekan script di bawah ini tepat di bawah <div class='comments' id='comments'>
Jika Hasil search sobat terdapat dua <div class='comments' id='comments'> yang sama, pastekan script tersebut di bawah masing - masing kode
<div class='comments' id='comments'>
4. Search <head> dan copy sript di bawah ini pada atasnya...
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='484669718232930' 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>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='484669718232930' 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>
Tulisan biru diganti dengan ID FB sobat, jika sobat belom mempunyai ID FB / Fan Page sobat bisa melihat turtorial membuat ID FB
5. Search ]]></b:skin> dan pastekan script berikut di atasnya...
.comments-page { background-color: #ffff00;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: orange;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #000000;}
.inactive-select-tab { background-color: #000000;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: orange;}
.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
.comments-tab:hover { background-color: #000000;}
.inactive-select-tab { background-color: #000000;}
warna - warnanya di ganti saja sesuai dengan kemauan sobat....
Artikel 
4 Comments
Thanks info nya sob.
BalasHapuskalo bisa minta skin default nya donk.
http://www.semua-pilihan.com
model skin defaultnya emank gitu cuma di ganti aja dengan warna sesuai dengan keinginan sobat ^^
Hapusnice info gan, tapi ane skrg cuma pake kolom komentar blogger aja, karena kalo pake dua-duanya yg fb nya bermasalah, comment count di fb selalu 0 walaupun ada yang komentar.
BalasHapusoOo ehehhe comment yang FB juga ga begitu berpengaruh kok ^^
Hapus