Membuat Spoiler Pada Postingan

Sepoiler memang sangat bermanfaat buat menghemat loding dari blog kita sehingga pengunjung tidak terlalu lama menunggu, karna klo blog terlalu lama loding akan membuat pengunjung pergi pada akhirnya blog kita tidak jadi di kunjungi. Dibawah ini adalah contoh dari spoiler.

Contoh Spoiler:

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

Fungsi utama spoiler adalah mengurangi beban loading page, biasanya yang dimasukin ke dalam spoiler adalah image dengan resolusi besar, jadi dengan spoiler image tidak akan diload secara langsung yang dapat mempercepat waktu loading. Fungsi lainnya tentu dengan spoiler kita dapat menghemat space dan posting terlihat lebih rapi. Sekian dulu basa-basinya, langsung saja kita lihat bagaimana cara membuat spoiler dibawah ini:
caranya mudah sekali, tinggal masukin saja kode html berikut ini

Kode HTML Spoiler:

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

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

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