andrey Friday, September 25, 2009

Membuat Spoiler (Show/Hide)

Pernah buka Kaskus.com ? ini adalah menu yang biasanya ada di kakus dan sangat berguna karena didalamnya bisa di taruh gambar atau tulisan yang panjang sehingga mempercepat proses pada saat loading, contohnya dibawah ini :


Isi dengan tulisan atau gambar anda...


Sudah tau ?

Cara pasangnya copy code di bawah ini ke blog anda.

<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<div align="center">
<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 dengan tulisan atau gambar anda...</div></div></div></div>


Semoga Bermanfaat,

0 comment:

Post a Comment

RECENT COMMENT



Followers

History Visited



  © 2010 |broncu dot blogspot dot com. All rights reserved |Home|Daftar Isi|chasing your starlight until the end of your life|

Follow Me :@facebook @twitter