Koleksi Kotak Spoiler cantik

Spoiler..
mungkin ga asing buat sobat sekalian..!!suatu bentuk tobol show hide yang berfungsi untuk menyembunyikan dan menanpilkan gambar,tulisan maupun kode script lain nya,katok spoiler memang sudah lama populer yang biasa nya sering kita jumpai pada forum-forum seperti kaskus .us....

 di sini saya mencoba berbagi pengalaman tentang membuat kotak spoiler yang cantik dan keren...

Kotak Spoiler dengan gambar

Kode nya :

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b><img border="0" src="http://th920.photobucket.com/albums/ad42/sara2661987/gif%20small%20picters/th_Next.gif" /><span style="font-size: large;">***</span></b><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 = ' Close..'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ' Clik Here'; }" style="font-size: 10px; margin: 5px; padding: 0px; width: 80px;" type="button" value="Open!!!" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ISI SPOILER</div>
</div>
</div>
</div>

***

tRnyata gW cAkep Ea.....!!!!

Catatan :
* Tulisan berwarna merah adalah link gambar bisa anda ganti gambar nya dengan yang lain nya.
* Yang berwarna biru adalah isi dari spoiler bisa anda isi dengan tulisan ,gambar maupun kode script

 Semoga artikel ini bisa membuat sobat berkreatif dan membuat postingan lebih cantik.