Cara Membuat Spoiler

Tips Cara Bikin Spoiler, di dunia KasKus hampir setiap thread menggunakan spoiler untuk menyembunyikan gambar, link atau teks yang panjang ,selain dari itu juga menghemat jumlah teks atau gambar pada halaman blog, agar terlihat rapi dan menghemat loading page...
langsung saja kita praktek'kan. :

Copas kode di bawah ini :

<div><div style="margin: 5px;">
 <div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">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;">
 isi tulisan spoiler...


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


maka hasilnya seperti ini :

Judul Spoiler

isi tulisan spoiler...

Semoga bermanfaat...