Cara Membuat Spoiler dalam Forum dan Blog

Untuk para pemain forum pasti sudah terbiasa dengan kata spoiler, spoiler adalah ruang untuk menyingkat sesuatu untuk menjadikan sebuah page menjadi lebih rapi , pengertian saya acakadut tapi ya begitulah namanya juga bahasa saya sendiri. hehehe. Mungkin bagi para senior blogger membuat spoiler sudah tentu biasa karena memang sudah hafal dengan kode HTML yang menurut saya memang rada rumit, spoiler biasanya digunakan untuk menyimpan sesuatu yang memakan bandwith besar, seperti gambar BWK ( bandwith killer) atau video yang berdurasi lama tetapi bisa juga text yang terlalu panjang.

Jika kita berada pada forum kaskus atau yang lainnya biasanya kode untuk spoiler lebih gampang yaitu :

[spoiler=BeriNamaSpoilerAnda] isi konten dalam spoiler [/spoiler]

tetapi dalam blog kodenya lebih rumit yaitu :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Letakkan teks atau kode script (gambar atau video) di sini

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

tuliskan kode tersebut pada tab HTML bukan pada Compose sehingga yang muncul bukan kode tetapi seperti pada contoh berikut ini :

FotoSaya:

hehehehe... penasaran sama spoiler atau foto saya? hehehe..

sekian dan terima kasih :D