Cara Membuat Spoiler Bugil Kill

Ketika bugilkill mencoba mencari arti kata spoiler, maka yang muncul adalah spoiler dalam tiga versi.

- Spoiler (penerbangan), alat untuk mengurangi gaya dorong pada penerbangan
- Spoiler (otomotif), alat untuk mengubah arus udara pada kendaraan bermotor
- Spoiler (media), tulisan atau keterangan yang membeberkan cerita sebuah buku, film, atau media lain

Yang ingin bugilkill jelaskan adalah istilah spoiler yang sering kita jumpai di forum-forum online. Misalnya, perlihatkan kode spoiler di bawah ini.

Spoiler :

Nah, jika anda ingin membuat yang seperti ini di blog personal, silahkan kopi kode spoiler berikut ini :

Spoiler :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Letakkan kode script, HTML dan teks anda disini


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

Jika tidak ingin ada garis, tinggal edit bagian-bagian tertentu dalam kode tersebut. Misal, nama spoiler diganti dengan contoh gambar, atau tulisan apapun. Bisa, tinggal di edit. Seperti kode spoiler berikut ini.

Contoh Spoiler :

Berikut adalah kode spoiler yang harus anda kopi :

Kode Spoiler Tak Bergaris :

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Contoh Spoiler</b> : <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 inset ; margin: 0px; padding: 0px;">
<div style="display: none;">

Letakkan kode script, HTML dan teks anda disini
<br>
</div>
</div>
</div>