Komentar muncul jika di klik

Mungkin bagi blog yang rame pengunjung jika terlalu banyak komentar pasti akan memakan banyak tempat. Nah kali ini saya akan memberikan sedikit tips membuat komentar muncul jika di klik dan akan membuat blog kita sedikit lebih profesional lho,Cara kerjanya adalah jika postingan terbuka, seluruh komentar tidak terlihat/tersembunyi dan jika kita ingin melihat semua komentar tinggal mengklik Tulusan "[+/-]Click to Show or Hide Old Comments". Seperti yang dah saya pake di blog ini:

Komentar akan terlihat kembali jika pengunjung ingin menampilkannya dengan cara meng-klik tulisan "Lihat / Tutup Komentar" atau apa saja sesuai dengan kalimat yang ditampilkan.
Langkah-langkah untuk membuatnya, silahkan anda ikuti seperti dibawah ini :

1. Masuk ke Blogger dengan ID anda.
2. Pilih Tata Letak.
3. pilih Edit HTML.
4. Back up dulu templatenya dengan dengan cara klik Download Template Lengkap.
5. Kasih contreng pada Expand Widget Templates.
6. Copy seluruh kode dibawah ini kemudian paste tepat diatas 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>

7. Cari kode ini <dl id='comments-block'> kemudian ganti dengan kode dibawah ini :


<dl class='commenthidden' id='comments-block'>

8. Copy kode ini .commenthidden { display:none } .commentshown { display:inline } kemudian tambahkan pada kode seperti dibawah ini (yang berwarna hijau itu kode yang harus ditambahkan.


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

9. Cari kode seperti 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>

10. Copy seluruh kode dibawah ini kemudian paste tepat dibawah kode tadi.


<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments%20("comments-block")' rel='nofollow'><b> Click to Show or Hide Old Comments</b></a></h2></base>

11. Klik tombol Simpan Template
12. Lihat komentar pada blog anda akan terlihat jika diklik kalimat "Click to Show or Hide Old Comments"
13. Selamat mencoba, semoga berhasil dan ada manfaatnya...!!