Ok.. Spoiler bisa disebut juga tulisan atau keterangan mengenai suatu cerita dan gambar 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, biasanya menggunakan kombinasi CSS dan JavaScript. Nah, teknik menyembunyikan bocoran itu akhirnya biasa disebut juga dgn spoiler.
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.
Terus gimana cara ngebuatnya??
Caranya mudah banget koq..
Tinggal masukin kode HTML ke dalam postingan atau Elemen HTML.
<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 bisa berbentuk TEXT atau juga Gambar. Contohnya seperti ini.Nah..... Bagus kan ???? lumayan buat ngecilin ukuran postingan supaya g kepanjangan :D.
ADS HERE !!!