Cara membuat spoiler

Pada tau kan apa itu spoiler..
Spoiler itu berfungsi untuk menyembunyikan postingan kita...
dengan spoiler,, postingan kita dapat semakin ringan...
yang sering aktif di forum pasti sering dah pada tau..
nah kali ini akan gw kasih tau bagaimana cara membuat spoiler...

gini nih,, cara membuat spoiler,,,
kalian hanya cukup mengkopy ini saja...

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler for <em>[Judul yang miring]</em></b> :
<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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">[ISI SPOILER]</div></div></div>

ganti yang berwarna kuning dengan apa yang anda inginkan...
nah,, bila selesai jadinya gini nih...

Spoiler for [Judul yang miring] :

[ISI SPOILER]

selain itu,, ada juga jenis spoiler yang lain...
nih contohnya...

Spoiler for [Judul yang miring] :

[Isi spoiler]

nah klo mau yang kaya gitu,, tinggal di copy aja code di bawah ini...

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<b>Spoiler for <em>[Judul yang miring]</em></b> : <input value="Open" style="margin: 0px; padding: 0px; width: 60px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 0px; margin: 0px; padding: 6px;"><div style="display: none;"><div style="background: rgb(180, 123, 16) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">[Isi spoiler]</div></div></div></div>
</div>

sama dengan yang pertama ganti yang berwarna kuning dengan apa yang anda inginkan...
selain itu,, warna dari isi spoiler juga bisa diganti sesuai dengan apa yang diinginkan...
caranya dengan mengganti warna putih..