Membuat Tombol Spoiler Show/Hide di Posting Blog

Posting lagi nih tentang cara membuat tombol spoiler di blog
Yang tadi kan saya posting tentang membuat search engine
sekarang beda tapi temanya sama yaitu tutorial blog
Langsung saja lihat contohnya

LETAKAN KODE HTML, TEKS, ATAU TERSERAH ANDA

Nih Tutorialnya:
1. login ke blogger
2. Pilih Rancangan > Edit Laman > Add Gadget
3. Pilih HTML/JavaScript


4. Masukkan code berikut

<div><div style="margin: 5px;">

<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Show" 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 style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">

<div style="display: none;">

 LETAKAN KODE HTML, TEKS, ATAU TERSERAH ANDA

</div></div></div></div>

 Catatan : Tulisan yang berwarna biru bisa anda ganti sesuai keinginan misalnya
                  Tampilkan | Sembunyikan
                  Tulisan yang berwarna merah di ganti dengan teks anda atau code HTML
5. Lalu Save

Ok selamat mencoba
Thankyou for visit my blog