Cara membuat spoiler pada postingan di blog

Kali ini gw mau posting tentang cara membuat spoiler pada postingan dalam blogger, langsung aja spoiler berfungsi untuk mengurangi beban loading page biasanya yang dimuat dalam spoiler berupa image yang mampu mebebani situs atau postingan kita, jadi dengan memasukan image kedalam spoiler image takan di load secara langsung yang dapat mempercepat laju loading fungsi umumnya untuk menyembunyikan gambar dan menghemat space pada postingan, udah lah kalo mau tau lebih rinci pake aja langsung nih gw kasih kodenya :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b> Judul 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 11px;margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi spoiler dapat berupa gambar, text, kode html, dll
</div>
</div>
</div>

Mudah bukan? Selamat mencoba :-D