Spoiler adalah cara untuk menyembunyikan seluruh atau sebagian isi dari posting, dengan tujuan untuk menghemat space halaman posting. Biasanya yang disembunyikan dalam spoiler adalah berupa text maupun gambar.
Cara memasang spoiler
Buat postingan baru add new post, dan pilih mode HTML.
Masukkan kode berikut ini :
<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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="buka" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">
Taruh teks yang akan disembunyikan di spoiler di sini
</div>
</div>
</div>
Hasilnya akan seperti ini :
Taruh teks yang akan disembunyikan di spoiler di sini
Selamat, Anda sudah tertipu!!!! hix hix hix *kidding*
Jika ingin menyisipkan gambar ke dalam spoiler, maka Anda hanya perlu memasukkan kode gambar dan meletakkannya di bagian berwarna merah pada kode di atas.