Anda pengunjung ke

Cari di Blog

Senin, 27 Juni 2011

Cara Membuat Spoiler

Mungkin Sobat agak bingung, spoiler itu apa? Spoiler itu nama lainnya toggle show/hide, toggle yang bisa dilihat dan disembunyikan. Langsung aja ke TKP gan









Spoiler itu yang kaya gini:


Cuma Contoh Aja
Mau tahu scriptnya? Langsung aja tanpa basa-basi
<div !mulai spoiler><div style="text-align:center;"><input style="width:100px; background-color:#e6e6e6; color:#000; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;" value="Tampilkan" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"></div>
<div style="padding:5px; text-align:justify;"><div style="display: none;">TULISAN/GAMBAR YANG AKAN DISEMBUNYIKAN</div></div></div !akhir spoiler>

Script itu langsung ditaruh di posting sobat blogger. Dah mudeng kan? Gampang kok.

1 komentar: