Awal-nya trik tutup/buka ini dari bu anne – Hide/Show Navigation , dan sempat saya sadur dan di bahas pula di sini. tujuan dari trik ini untuk menyederhanakan elemen yang terlalu memanjang ke bawah. Namun bisa saja untuk hal-hal lainnya, seperti menyembunyikan shout-box, blogroll, label dll – tergantung kebutuhan . contohnya saya menyembunyikan shout-box dalam tab menu di blog ini.
Dan kemarin saya melihat sebuah blog yang menerapkan hide/show ini ke dalam halaman komentarnya. dan saya coba ulek-ulek juga untuk area komentar blog ini, hasilnya ternyata bisa dan seratus persen sukses. – contohnya bisa langsung meluncur pada bagian halaman komentar yang bertuliskan “ Tampilkan Komentar “.
Otre deh jika tertarik dengan trik seperti itu, atau ingin tahu caranya. Yok kita lanjutkan membacanya.
Pertamax : buka Tata-letak kemduian tab Edit Html. Setelah itu tandai/centang kotak kecil di samping tulisan Expand Template Widget.
Keduax : Simpan kode ini pada halaman Css.
.commenthidden {display:none}
.commentshown {display:inline}
Ketigax : Simpan juga javascript ini di atas tag </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>
Keempax : Meluncur ke bawah dan temukan kode Html Komentar ini.
<dl id='comments-block'>
Setelah ketemu ganti dengan kode html ini.
<br/><a aiotitle='click to expand'
href='javascript:togglecomments
("comments-block")'
rel='nofollow'><b>Show/Hide
Komentar</b></a>
<dl class='commenthidden'
id='comments-block'><br/>
Setelah itu Simpan Template. dan coba cek hasilnya.
Otre deh :)
Related Posts
0 comments:
Post a Comment