Membuat Spoiler di Blog Sendiri

Spoiler adalah alat untuk menyembunyikan beberapa konten pada halaman web. Spoiler juga mampu mempercepat waktu load halaman karena gambar atau konten yang berada didalam spoiler tidak akan di load sebelum tomol spoiler di klik.
Bagi para kaskuser tentunya sudah biasa dengan spoiler.

• Berikut ini adalah contoh spoiler pada kaskus :

          [spoiler=judul spoiler]isi spoiler...[/spoiler]
 
        Ganti kata yang berwarna hijau dengan judul spoiler anda. Dan ganti kalimat yang berwarna merah dengan isi spoiler anda.

• Contoh spoiler untuk blog

          <div><div style="margin: 5px;">

<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </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;">

isi spoiler...

</div></div></div></div>
Copy pastekan kode diatas di halaman postingan anda untuk membuat tampilan spoiler seperti punya saya dibawah ini :

Klik saya

Hello world...!