Cara membuat Spoiler pada blog

Spoiler, cara untuk menyembunyikan seluruh atau sebagian isi dari post/konten kita. Spoiler juga memiliki fungsi agar konten yang berat seperti video atau foto yang sizenya yang di katakan lumayan besar tidak di load sebelum menekan tombol show. Jadi, loading blog kita tidak berat alias ringan dan cepat. Ingin tau penampakan spoiler itu seperti apa? coba buka tombol show di bawah ini

Inilah penampakan spoiler. Disini bisa sobat isi dengan gambar / video / lainnya

Spoiler ini, selain dapat di pasang di postingan, dapat juga di pasang di sidebar blog sobat. Untuk memasang spiler ini, cukup dengan mengcopy kode di bawah ini dan pastekan di tempat yang sobat inginkan, seperti postingan, widget / lainnya.

<div><div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;"><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

<--Isi spoiler, bisa foto, video atau lainnya--!>
</div></div></div></div>

- Ganti kode yang berwarna merah dengan isi spoilernya
- Kata yang berwarna biru bisa sobat ganti dengan kemauan sobat, misal: buka, tutup

Selamat Mencoba!!