Cara membuat spoiler di blog

Spoiler merupakan suatu widget atau aplikasi berbentuk tombol, yang bisa menyembunyikan sebagian ataupun seluruh dari isi konten kita. Spoiler selain memanfaatkan tempat dengan seminimal mungkin sehingga sedikit ruang yang terpakai, spoiler pun dapat mempengaruhi beratnya suatu blog, karena spoiler dapat menyembunyikan konten seperti gambar, ataupun aplikasi-aplikasi lainnya dengan sebuah tombol. Dan dapat terbuka apabila tombol tersebut diklik.

Gimana apakah tertarik dengan trik seperti ini, kurang lebih hasilnya akan seperti ini, coba sobat klik tombolnya!!

Tukeran Link yu!!

Nah jika diklik tombolnya maka baru lah konten yang dituju akan keluar, seperti ini kodenya:

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tukeran link yu!! (hanya contoh) </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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>