Cara Membuat Spoiler Sederhana

Cara membuat Spoiler

Sesuai dengan judulnya, pasti sobat semua sudah sering lihat kan bagaimana spoiler bekerja, jika belum lihat contoh di bawah ini :

Open:

saya ari ramadhan, anda bisa menyisipkan gambar di sini

Tujuan daripada pembuatan spoiler ini yakni untuk menghemat tempat pada posting, dan juga memberi kesan bagus, serta jika anda menyisipkan gambar tidak akan berat sehingga mempercepat loading blog.

Pasti anda tertarik kan untuk mencobanya ?

Caranya Copy paste code di bawah ini :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">

<b>Nama 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Open" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 3px;">

<div style="display: none;">

Alamat URL Gambar atau tulisan yang akan ditambahkan

</div>

</div>

</div>

Selanjutnya anda ganti tulisan berwarna merah di atas dengan tulisan yang anda kehendaki, ataupun dengan URL gambar jika anda ingin membuat spoiler yang berisi gambar.
Semoga bermanfaat..