Cara Membuat Tombol Hide & Show (spoiler)

Mungkin anda ingin menyembunyikan sebagian artikel atau gadget/widget di blog anda dengan tombol hide show...? Agar artikel atau widget terlihat tidak terlalu banyak anda bisa gunakan script spoiler. Gimana caranya? caranya mari kita belajar bersama...
1.Login ke blogger
2.Klik Rancangan
3.Tambah Gadget
4.HTML/Java Script
Copy paste script dibawah ini :

<div><br /><input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;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 = 'Sembunyikan'; } else{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">Masukkan text-nya disini,Script widget anda atau script Gambar juga bisa.<br /></div></div></div>

5.Save
Hasilnya seperti ini :

Semoga bermanfaat. Ingat ya, perhatikan tulisan yang tebal; bisa diganti dengan kata2 anda sendiri kalau ingin mengedit-nya. Sekali lagi semoga bermanfaat.

Semoga bermanfaat. Ingat ya, perhatikan tulisan yang tebal; bisa diganti dengan kata2 anda sendiri kalau ingin mengedit-nya. Sekali lagi semoga bermanfaat