Membuat Komentar Model Tampil atau Sembunyi
Cara membuat komentar model tampil atau sembunyi. dengan cara ini maka komentar akan hilang / sembunyi, tapi akan kembali tampil apabila di klik. Cara seperti ini sangat bermanfaat jika blog banyak mempunyai komentar, sehingga pengunjung tidak menunggu terlalu lama untuk membuka keseluruhan posting yang banyak komentarnya.
Berikut langkah - langkahnya :
Login ke account Blogger-mu
Selengkapnya perhatikan kode di bawah ini:
Semoga sukses dan jangan lupa beri komentar....
Read rest of entry
Cara membuat komentar model tampil atau sembunyi. dengan cara ini maka komentar akan hilang / sembunyi, tapi akan kembali tampil apabila di klik. Cara seperti ini sangat bermanfaat jika blog banyak mempunyai komentar, sehingga pengunjung tidak menunggu terlalu lama untuk membuka keseluruhan posting yang banyak komentarnya.
Berikut langkah - langkahnya :
Login ke account Blogger-mu
- Pilih Layout atau Tata Letak --> Edit HTML.Sebaiknya back up dulu template kamu dengan meng-klik Download Template Lengkap.
- Setelah itu beri centang pada tulisan Expand Widget Templates.
- Setelah itu Paste kode di bawah ini sebelum kode </head>.
<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden";
}
else {
whichpost.className="commentshown";
}
}
</script>
- Cari kode
<dl id='comments-block'> Atau <dl id="comments-block">
- Kalo udah ketemu ganti kode tadi dengan kode di bawah ini:
<dl class='commenthidden' id='comments-block'>
- Gak berhenti sampai di situ, kalian harus menyisipkan kode di bawah ini di bawah menu.
.deleted-comment {commenthidden {display:none}.commentshown {display:inline}Kalo gak ngerti selengkapnya begini:
..comment-footer a:link {
color: #999999;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.commenthidden { display:none } .commentshown { display:inline }
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: right;
}
#blog-pager-older-link {
float: left;
- Kemudian cari kode berikut ini
<a name='comments'/>
Selengkapnya perhatikan kode di bawah ini:
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
- Sisipkan kode berikut di bawah kode </h4> tadi:
<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments%20("comments-block")' rel='nofollow'><b> �»�» Lihat / Tutup Komentar</b></a></h2></base>
- Simpan dan Selesai
Semoga sukses dan jangan lupa beri komentar....