Buka atau Tutup Halaman komentar

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==&quot;commentshown&quot;) {
whichpost.className=&quot;commenthidden&quot;;
}
else {
whichpost.className=&quot;commentshown&quot;;
}
}
</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
(&quot;comments-block&quot;)'
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

from tag komentar

• menambah emoticon komentar
• menampilkan recent komentar
• Pasang Kotak Komentar

del.icio.us tags: Tutorial Blogger, Comment Layout

Page views this post: reader