tips membuat tombol spoiler pada blog

saya akan berbagi tips dari salah satu blog rekan kita yaitu membuat spoiler tombol pada blog
fungsi nya selain sebagai hiasan juga dapat menghemat ruang sidebar di blog anda di mana tulisan
atau gambar yg kita spoiler akan di sembunyikan di balik tombol , dan akan terbuka bila tombol tsb
kita klik...
ini adalah contoh nya gambar banner blog saya :

dan berikut ini adalah kodenya :
<div align="justify" style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<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 = 'tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'gambar banner blog saya'; }" style="margin: 0px; padding: 5px; width: auto;" type="button" value="gambar banner blog saya" /></div>
<div class="alt2">
<div style="display: none;">
<div style="border: medium none; padding: 10px; text-align: justify;">

<a href="http://s223.photobucket.com/albums/dd233/kasat_mata076/?action=view&amp;current=4845b54e.png" target="_blank"><img src="http://i223.photobucket.com/albums/dd233/kasat_mata076/4845b54e.png" border="0" alt="anak negeri"></a>

</div>
</div>
</div>
</div>
keterangan : tulisan  berwarna biru bisa anda ganti sesuai dengan kata anda sendiri
sedang kan untuk tulisan berwarna merah bisa anda ganti dgn HTML / gambar anda sendiri
selamat mencoba...............!!!

tips ini di dapat dari blog sahabat tesblog123.blogspot