Membuat Spoiler di Blog

Di post "Jalan-jalan pagi di Simpang Lima" saya mencoba menggunakan spoiler dengan tujuan supaya pembaca blog ini tidak kelamaan loading imagenya.

Sebenarnya tips spoiler ini sudah lama, cuman berhubung baru aktif lagi di blog.....tidak salahnya kita saling share, semoga bermanfaat untuk temen-temen semua.



copy paste script ini di post, bagian HTML. inget saat kita preview post, script ini masih tidak aktif, cuman jika sudah di posting maka script ini akan aktif .... Silahkan di coba temen-temen.


<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>Judul Spoiler</b>: <input 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Buka" /> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> Sisipkan teks atau kode script (gambar atau video) di sini </div> </div> </div>
Sehingga tampilannya seperti berikut ini:

Judul Spoiler:

Sisipkan teks atau kode script (gambar atau video) di sini

* terima kasih buat bung romeo lim (http://gkkb.blogspot.com/2012/09/cara-membuat-spoiler-di-blogspot.html)