Cara Bkin Spoiler Di Blog

Spoiler adalah suatu cara untuk menyembunyikan seluruh atau sebagian isi dari konten blog, spoiler sangat bermanfaat untuk menyembunyikan konten yang cukup berat seperti gambar dan video. anda pasti sering melihat spoiler yang ada di kaskus atau forum-forum lainnya yang digunakan untuk meneymbunyikan gambar, link atau video.

kode spoiler dari forum seperti kaskus
[spoiler=judul spoiler]isi spoiler[/spoiler]
Ganti tulisan yang berwarna biru sesuai dengan judul dan isi spoiler

Pada blog kode yang digunakan berbeda, berikut adalah kodenya
---------------------------------------------------------------------------------------------------------------
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Contoh</span></i><input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

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

---------------------------------------------------------------------------------------------------------------

ganti tulisan berwarna biru sesua judul dan isi spoiler.
kode HTML diatas hasilnya akan seperti dibawah ini

Contoh

isi spoiler...

selamat mencoba ^_^