Membuat Spoiler di Blogspot

spoiler pada blog berfungsi untuk menyembunyikan atau untuk meringkas artikel, gambar, kode CSS atau kode javascripts dan untuk mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image, tidak akan diload secara langsung sehingga dapat mempercepat waktu loading. Selain fungsi diatas, dengan spoiler kita dapat menghemat space pada posting kita sehingga akan lebih rapi dan nyaman dibaca oleh pengunjung Blog atau situs anda.

contoh Spoiler

ISI SPOILER ANDA BISA MEMASUKKAN TEKS,GAMBAR ATAU SCRIPTS CODE,DLL

Untuk membuatnya, copy paste kode dibawah ini kedalam postingan blog/situs anda :

<div style="margin-bottom: 2px;">Judul spoiler
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" 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: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">ISI SPOILER DENGAN ANDA DENGAN TEKS GAMBAR ATAU SCRIPTS CODE DLL</div></div></div>

Keterangan: Ganti teks yang berwarna Biru sesuai keinginan anda