Cara Membuat Spoiler Di Blogspot

Temen-temen pasti sudah akrab dengan istilah Spoiler. Spoiler biasanya digunakan pada forum Kaskus untuk menyembunyikan content yang terlalu besar size-nya, seperti foto. Sehingga waktu loding halaman menjadi sedikit berkurang. Nah, temen-temen juga dapat memasang spoiler di blog temen-temen. Spoiler ini dapat temen-temen manfaatkan untuk menyembunyikan foto, video, atau daftar link.

Ok dah, langsung capcus…….
Berikut kode yang biasa dipakai untuk membuat spoiler di blog :

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Ini Judul Spoiler... </span></i><input value="Show" style="margin: 0px; padding: 0px; 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 class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Ini Isi Spoiler Temen-Temen

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

Kode warna merah dapat temen-temen ganti sesuai keinginan dan kebutuhan. Dan juga di dalam spoiler (isi spoiler) temen-temen juga dapat memasukan kode HTML yang lain..

Kode tersebut dapat temen-temen pasang langsung di postingan (pada Edit HTML) atau di widget/ sidebar blog temen-temen…

Nih dia demo-nya

Ini Judul Spoiler...

Ini Isi Spoiler Temen-Temen