Membuat Menu Auto-Hide (Spoiler) di Blogspot

Aduh, bingung nih mau kasih foto apa diawal postingan ini. Tetapi saya putuskan untuk tidak memberi foto di awal postingan. Padahal kan setiap saya kirim postingan pasti saya beri foto. Tapi tidak apa-apa, sekali-kali. Lagian tidak berpengaruh juga sich, cuma untuk memberi gambaran saja di suatu postingan.
Oh iya, kali ini saya akan menjelaskan cara membuat Menu Auto-Hide (Spoiler). Tentunya bagi Anda yang sudah sering berkumpul di forum tidak asing lagi mendengar Spoiler atau Menu-Hide. Spoiler ini memberikan efek yang bisa digunakan untuk menulis code HTML biasanya yang terlalu panjang di suatu postingan. Jadi jika Anda ingin memostingkan code HTML di postingan Anda, dan code HTML tersebut terlalu panjang, maka Anda bisa menggunakan efek ini agar terlihat lebih simple.
Lama banget saya mencari cara ini. Berhubung di postingan saya banyak code HTML yang panjang, maka terkadang saya menggunakan efek Blogroll dan Anda juga bisa melihat cara membuat blogroll. Lalu akhirnya saya menemukancara membuat Menu Auto-Hide juga.
Menu Auto-Hide bisa Anda lihat seperti dibawah ini

Spoiler:

Letakkan kode HTML Anda disini

dan jika ada yang tertarik, maka langsung saja copy code HTML di bawah ini kedalam blog Anda

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">


Letakkan kode HTML Anda disini



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

Keterangan:
1. Code yang berwarna biru dapat Anda ganti sesuai keinginan Anda
2. Yang berwarna hijau bisa Anda ganti dengan code yang akan disembunyikan oleh Anda. Gambar juga bisa.