Cara Membuat Spoiler

Cara membuat spoiler - Sobat tahu spoiler ... ? Paling tahunya spoiler yang tentang film. Spoiler ini berbeda dengan spoiler film, spoiler ini tugasnya adalah menyembunyikan suatu widget / kalimat / gambar, dan akan tampil apabila telah menekan tombol " Open (atau yang lainnya) " dan bisa disembunyikan lagi apabila menekan tombol " Close (atau yang lainnya) ". Cukup pengantarnya, saya kasih contoh spoiler nih ...

Spoiler:

<-------Isi-------->

Diatas adalah contoh spoiler, kode spoiler diatas antara lain seperti ini


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

<-------Isi-------->

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

Silahkan sobat masukkan kode spoiler di blog sobat sesuai keinginan.

Simpan !

Ket :
- kalimat yang berwarna orange adalah judul (sebelah tombol Open)
- kalimat yang berwarna biru adalah kalimat yang muncul (saat menampilkan Open, saat ingin menyembunyikan Close)
- angka yang berwarna merah adalah lebar spoiler

Sekian dulu posting tentang cara membuat spoiler, semoga bisa bertemu dilain waktu ^^

Selesai