Membuat Spoiler di Blog / forum

apa sih spoiler itu ...?? dan apa gunannya sih ... gunannya sepoiler adalah untuk menyembunyikan seluruh atau sebagian isi dari konten blog kita.Spoiler juga bermanfaat agar konten yang berat seperti gambar dalam ukuran besar dan video tidak diload sebelum menekan tombol show dengan harapan blog tidak memakan bannyak benwit nantinya akan terkesan berat bila kita tidak sembunyikan file yang amat besar tersebut.



Anda sudah sering lihat Spoiler di kaskus atau forum-forum dengan format :
[spoiler=judul spoiler]isi spoiler[/spoiler]
tapi untuk blog atau web formatnya berbeda ok langsung saja nanti lama lama jadi bingung juga ane nulisnnnya

langung gan ni contohnnya pembuatan spoilernnya :

scrip :

<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; " 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>
=