Cara memasang spoiler pada blog

Tau spoiler gak nih sobat blogger? spoiler itu 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. Sekarang sobat sudah mengerti kan? untuk memasangnya cukup copykan kode" di bawah ini sob:

<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 script / widget / link dll)

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

Ket:

1. Ganti tulisan yang berwarna merah dengan isi spoilernya seperti script atau widget
2. Tulisan yang berwarna biru bisa anda ganti dengan Buka / tutup / lainnya