Berikut ini adalah contoh code spoiler yang pernah saya gunakan, dulu saat masih berkecimpung di dunia per-blogcepotan.
Apa itu spoiler?
Spoiler dalam sudut pandang blogger adalah teknik menyembunyikan sementara sebuah konten entah itu text, gambar, audio ataupun video di dalam postingan.
Salah satu contohnya seperti ini.
Saya yakin jika kalian adalah kaskuser sejati sudah pastilah akrab dengan hal semacam ini. Kabar gembiranya adalah Anda juga dapat melakukan hal yang sama di blog Anda sendiri.
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Lihat hasilnya -> </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 70px; font-size: 12px;" 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 no ke-1<br />
Ini no ke-2<br />
Ini no ke-3<br />
Ini no ke-4<br />
Ini no ke-5<br />
Ini no ke-6<br />
Ini no ke-7<br />
Ini no ke-8<br />
Ini no ke-9<br />
Ini no ke-10<br />
Ini no ke-11<br />
Ini no ke-12<br />
Ini no ke-13<br />
Ini no ke-14<br />
Ini no ke-15<br />
</div></div></div></div>