Membuat Spoiler Pada Blog

Ini trik yang baru saja kupelajari dari internet. Namun sebelumnya sedikit penjelasan mengena Spoiler. Sepoiler menurutku merupakan suatu kelebihan yang bisa kita gunakan untuk memunculkan gambar maupun menutupnya (alias menyembunyikan gambar). Sebenarnya gampang banget caranya. Anda tinggal copy dan paste kode HTML berikut dalam postingan anda.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">[JUDUL]</span></i><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]
</div></div></div></div>

setelah itu ganti [JUDUL] dengan judul yang anda inginkan dan [ISI SPOILER] dengan link gambar. Contoh isi spoiler yang benar adalah <a href="http://tinypic.com/" target="_blank"><img src="http://i55.tinypic.com/292pgs3.png" alt="Image and video hosting by TinyPic" border="0" /></a>

Contoh hasilnya seperti ini:

Bukti Pembayaran 1

Gampang kan?