Cara Membuat Tombol Spoiler di Blog (Tombol Show/Hide)

Kemarin saya sudah posting tutorial blogger yaitu Cara Membuat Kotak Scroll Otomatis di Blog. Sesuai janji saya, sekarang saya akan memberi tahu cara membuat tombol spoiler di blog. Tombol ini biasanya digunakan agar menghemat tempat di blog kita, tombol ini juga biasa dipakai di kaskus.us. Nih contoh tombol spoiler :

Mau tau cara membuat nya?? Cekidot disini :
1. Klik tab rancangan pada dasbor blog.
2. Klik "tambah gadget" lalu klik tanda plus (+) pada HTML/JavaScript

3. Masukkan kode berikut


<div><div style="margin: 5px;"><br /> <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: <span class="Apple-style-span" style="color: red;">95</span>px; " value="<span class="Apple-style-span" style="color: blue;">Tampilkan</span>" 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 = '<span class="Apple-style-span" style="color: blue;">Sembunyikan</span>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '<span class="Apple-style-span" style="color: blue;">Tampilkan</span>'; }" type="button"/><br /> </div><br /> <div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><br /> <div style="display: none;"><br /> <br /> LETAKKAN KODE HTML DISINI<br /> <br /> </div></div></div></div><br /> <br /> <br /> <br />

Keterangan :
Merah : agan bisa ubah ukuran lebar tombol spoile
Biru : agan bisa ubah kata-kata "Tampilkan dan Sembunyikan" misalnya dengan "intip", dll. Sekian dulu tutorial blogger dari Putra Indonesia. Terima Kasih!