Membuat Tombol Spoiler pada Blog

Langsung saja:

1. Saat akan membuat postingan,, ada dua pilihan Compose dan HTML.
2. Pilih HTML
3. Masukkan script di bawah ini :

<div id="spoiler"> <div><input type="button" value="Tampilkan" style="margin:0px;padding:0px;" 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'; }"> </div> <div style="background: #ffffff; margin: 10px auto; border: 0px solid #000; padding: 5px;"> <div style="display: none;"> Teks yang disembunyikan yang berada di dalam spoiler/isi </div> </div> </div>

4. Selesai,
keterangan: warna merah adalah isi dari teks yang akan disembunyikan pada spoiler.
contoh tampilan spoiler akan menjadi seperti ini:

Teks yang disembunyikan yang berada di dalam spoiler/isi

Selamat Mencoba :D