Cara membuat spoiler

Postingan kali ini saya tulis sebagai catatan untuk mengingatkan saya tentang cara membuat spoiler jika suatu saat saya membutuhkannya. Seperi apa yang telah saya lihat dapat dikatakan bahwa spoiler adalah sebuah kolom dapat dibuka dan di tutup yang dapat berisi teks, gambar, dan atau HTML. Tujuan dari pembuatan spoiler sendiri adalah selain untik mengehemat tampilan postingan yang panjang juga dapat mengurangi beban load page pada blog.

contoh spoiler :

Spoiler:

<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;">


ISI SPOILER (POSTING,GAMBAR,HTML,dll)



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

Cara membuatnya adalah : 

1. Masuk ke halaman Posting pada blog anda, 
2. Jangan lupa pilih edit HTML. 
3. Kemdian copy kode di dalam kotak spoiler di atas dan pastekan ke halaman posting anda.
4. Tulisan ISI SPOILER anda ganti dengan Postingan, gambar, HTML, atau terserah anda yang nantinya akan menjadi isi dari kotak spoiler tersebut.
5. Untuk menambahkan postingan pada luar kotak spoiler pilih Compose dan masukan postingan anda pada atas atau bawah kotak spoiler.
6. Selesai.

seperti itulah caranya.

Catatan : tips ini tidak saya temukan sendiri, namun pada postingan ini saya menuliskannya berdasarkan percobaan saya membuat spoiler.