Cara Memberi Efek Spoiler Pada Kotak Komentar

Cara Memberi Efek Spoiler Pada Kotak Komentar. Buat sobat yang memiliki bnyak komentar pada artikel-artikel blognya pasti ribet juga kan??? karena pasti komentarnya akan memanjang kebawah dan itu menjadi blog kita semakin panjaaaaaang dan kurang sip lah pkoknya... hehehehe

Ada 2 cara untuk mengakali hal ini,
Yang pertama, yaitu dengan Cara Memasang Scroll Pada Kotak Komentar.

Yang kedua yaitu dengan memakai cara ini yaitu dengan Memberi Efek Spoiler Pada Kotak Komentar.

OK, sekarang tapi sekarang membahas cara yang kedua.Dan bagi sobat yang ingin tahu caranya.... yyyooookkkk mari disimak... :D

Cara Memberi Efek Spoiler Pada Kotak Komentar

• login blog
• rancangan >> edit HTML (centang "Expand Template Widget")
• cari kode <dl id='comments-block'> bila gak ada coba cari kode yang ini <dl expr:class='data:post.avatarIndentClass' id='comments-block'> (pakai CTRL + F utk memudahkan mencari)
• copy dan pastekan kode dibawah ini tepat diatas kode salah satu kode diatas ( <dl id='comments-block'> atau <dl expr:class='data:post.avatarIndentClass' id='comments-block'> )

<center>
<div id="spoiler"><div><input
style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;"
onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
!= '') {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
= '';
this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display
= 'none'; this.innerText = ''; this.value = 'CLOSE'; } else {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
= 'none';
this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display
= ''; this.innerText = ''; this.value = 'KLIK UNTUK MELIHAT KOMENTAR'; }" name="button" type="button" value="KLIK UNTUK MELIHAT KOMENTAR"
/></div><div id="show" style="border: 1px solid white;
display: none; margin: 5px; padding: 2px; width: 98%;"><p
style="text-align: justify;">

• lalu geser kebawah pelan-pelan dan cari kode </dl>
• lalu taruh kode dibawah ini tepat dibawah kode </dl>

</p></div><div id="hide"></div></div></div>
</center>

• simpan.

NB : kode yang berwarna merah bisa sobat ganti dengan tulisan sesuka sobat (misal : buka, tutup, open, close dll)

Semoga artikel Cara Memberi Efek Spoiler Pada Kotak Komentar bermanfaat bagi Anda. Jika kamu suka dengan artikel Cara Memberi Efek Spoiler Pada Kotak Komentar ini, like dan bagikan ketemanmu.