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....
Related Post:
Tentang BLoG
- Cara Membuat Tombol (button) url lengkap
- 10 Kata kunci (keyword) yang paling banyak di cari di dunia
- 10 Keyword yang paling banyak di cari di indonesia menggunakan google insight
- Cara Membuat Breadcrumbs Langsung Terindeks Oleh Google
- Merubah Postingan lama / baru (Navigasi) dengan angka
- Cara membuat 2 kolom posting / widget pada blog
- Cara membuat halaman depan blog tanpa postingan
- Merubah Title Tag Lebih SEO Friendly
- Membuat SlideShow mudah dan keren di blog
- Template keren gratis untuk blogger (part.3)
- Template keren gratis untuk blogger (part.2)
- Template keren gratis untuk blogger
- Membuat Favicon pada blog atau website bagian.2
- Membuat favicon pada blog atau website bagian.1
- Membuat menu dropdown keren
- membuat link menjadi warna warni / rainbow link
- Membuat Rencent Comment terbaru dan keren with avatar
- Menampilkan jumlah postingan di beranda
- Membuat Halaman Statis pada blogger
- Membuat Border / widget melengkung pada blog
- cara mendaftarkan blog di rss feeds
- Cara menghilangkan Diposkan, Label dan waktu postingan / artikel
- Memasang Menu Accordion Terbaru pada widget (vertikal)
- Memasukan Label Tertentu pada Widget
- Membuat blog jadi DoFollow
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