Bikin Spoiler Seperti Di Kaskus

Sewaktu saya berkelana ke wWw.Kaskus.Com saya sangat terpesona dengan keberhasilan yang dicapai oleh web forum terbesar di indonesia itu, negeri tercinta kita. Kenapa tidak, Posting sudah mencapai ratusan juta. Hampir sama dengan jumlah penduduk indonesia. Jumlah member sudah lebih dari angka satu juta. Wowsatu jempol mewakili kebanggan saya terhatap wWw.Kaskus.Com. Salute, Oh iyah maaf para pencari tutorial. saya hampir lupa inti dari Post ini. didalam perjalanan saya mengelilingi Kaskus tadi. saya menemukan yang namanya Spoiler. Apa itu spoiler, spoiler mungkin arti dasarnya saya kurang mengerti. Tapi saya memiliki keinginan. Bagaimana pada blog saya dapat menggunakan spoiler di bagian posting. Karna sangat berguna.

Oke, jadi balik lagi ke spoiler. Spoiler bisa disebut juga tulisan atau keterangan mengenai suatu cerita yang membeberkan jalan cerita tersebut. Karena sifatnya yg 'membocorkan' itu, maka keberadaanya kadang2 mesti disembunyikan. Jadi hanya terbaca oleh orang yg mau ngebaca bocoran tsb. Untuk menyembunyikan bocoran tsb.Spoiler bisa juga digunakan untuk mengejutkan pengunjung dgn apa yg ada dalam spoiler tsb. Atau bisa juga untuk menghemat tempat artikel yg terlalu panjang. Well, fungsi spoiler bisa macem2 lah pastinya. Tinggal sekreatifnya kita aja, biasanya menggunakan kombinasi CSS dan JavaScript. Nah, teknik menyembunyikan bocoran itu akhirnya biasa disebut juga dgn spoiler.

Pasti anda bertanya. Terus gimana cara ngebuatnya??

Caranya mudah banget teman-teman
Tinggal masukin kode HTML ke dalam postingan atau Elemen HTML.
Seperti dibawah ini :


<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER </small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

ISI SPOILER

</div></div></div>

Pada bagian JUDUL SPOILER, bisa diganti2 sesuai judul spoiler. ISI SPOILER adalah isi spoiler yg sedang dibuat ini. Contohnya seperti ini.

JUDUL SPOILER

ISI SPOILER

Mudah Bukan teman-teman, pastilah. Saya kan udah berikan penjelasan yang sangat terinci