You are here : / / Cara membuat spoiler

Saturday 9 July 2011

Cara membuat spoiler

Apa spoiler itu?

Spoiler adalah sebuah kotak kecil yang jika di klik akan menampilkan suatu script /iklan/gambar /tulisan.
fungsinya tidak lain adalah untuk mempercepat load, menghemat ruang space, dan akan membuat pengunjung penasaran. hehehe

langsung saja copy-paste kedalam widget html/javascript di blog sobat :




<div align="center"><div><div style="margin: 5px 20px 20px;">
<div style="margin-bottom: 2px;" class="smallfont">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;) [1].getElementsByTagName(&#39;div&#39;) [0].style.display != &#39;&#39;) {this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;) [1].getElementsByTagName(&#39;div&#39;) [0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else {this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;BUKA&#39;; }" style="margin: 0px; padding: 5px; width: 250;" value="BUKA" type="button" /></div>
<div class="alt2"><div style="display: none;">
<div style="border: medium none ; padding: 10px; text-align: justify;">

SCRIPT /GAMBAR/TULISAN DISINI

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

hasilnya seperti dibawa ini :



SCRIPT /GAMBAR/TULISAN DISINI

Spoiler dapat di atur panjang dan lebar serta tulisannya dengan sedikit mengedit kode tersebut..

Selamat mencoba... ~_^

Related Posts

Cara membuat spoiler
4/ 5
Oleh
Pada