About

Search This Blog

Friday 28 August 2009

Membuat fitur Show / Hide Komentar

Ada yang Mau Mengotak - atik di daerah Kotak Komentar Lagi ??

Kali ini Tentang Membuat fitur Show / Hide Komentar


Sebelumnya imam77 telah membahas tentang Modifikasi Kotak Komentar Juga yang berjudul

Yang Pertama :Membedakan Tampilan Komentar Pemilik Blog dengan Pengunjung(author)
Yang Ke- Dua : Membuat Scroll di Komentar
Yang Ke-tiga :Memunculkan Foto (Avatar Komentator) yang Koment di Blogmu
Yang ke - empat : Membuat Fitur Reply Bergaya Wordpress pada Kotak Komentar
Yang Ke- Lima : Menampilkan Kotak Komentar di Bawah Postingan

Wah, Banyak Juga yah,, Yang belum Coba, silahkan di COBA!! Gratis Lho!!
kali ini kita akan mempelajari lebih dalam bagaimana cara membuat komentar show and hide/expand collaps comment pada blog.

Pertama Login stelah itu ke Dashboard , lalu Tata Letak,kemudian pilih tab Edit HTML.
Lalu contreng/Klik Expand Widget Templates,lalu cari kode berikut:

Untuk mempermudah pencarian kode gunakan Ctrl+F pada keyboard anda.
Jika sudah ketemu,lalu hapus kode tersebut,dan gantilah dengan kode dibawah ini:

>]]></b:skin>

Setelah ketemu,tepat diatasnya,letakkan kode berikut:
.commenthidden {display:none}
.commentshown {display:inline}

Setelah itu Cari Kode :
</head>

Setelah ketemu letakkan kode script di bawah ini tepat diatas kode </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>

Udah selesai ya??
Belom, Masih ada Lagi sob!!

Cari Dulu Kode di bawah ini :
<dl id='comments-block'>

<a aiotitle='click to expand' href='javascript:togglecomments(&quot;comments-block&quot;)'rel='nofollow'><b>
Show or Hide Comments/Tampilkan atau Sembunyikan Komentar</b></a>
<dl class='commenthidden' id='comments-block'>


Dan Simpan Template
Baru deh selesai!!!

Dan Lihat Perubahanya !!


Note:
Untuk tulisan "Show or Hide
Comments/Tampilkan atau Sembunyikan Komentar" Bisa di ganti sesuai Keinginan.


Silahkan Tinggalkan Komentar anda!!

0 komentar:

Post a Comment