Headlines News :




Sabtu, 21 Mei 2011

Cara Membuat Tombol Spoiler


Cara Membuat Tombol Spoiler

Temen blogger ada yang belum tau cara membuat tombol spoiler atau tombol hide show, oke pembelajaran ghostcell kali ini tentang cara membuat tombol spoiler kayak yang ada di forum-forum. Lihat penampakannya:

link Download :  
***Hidden Content***
Please follow to see hidden content. Thanks

Berikut caranya:
1. Pada Tab Rancangan, Elemen Halaman
2. Pilih Add Gagdet, HTML/JavaScript
3. Copy Paste kode berikut:

<div>
<div style="margin-bottom: 2px;">
<b><small>link Download :</small></b>&nbsp;&nbsp;<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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Munculin'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 100px;" type="button" value="Munculin" /></div>
<div style="border: 1px inset; margin: 0px; padding: 3px; width: 530px;">
<div style="display: none;">
***<b>Hidden Content</b>***
Please follow to see hidden content. Thanks</div>
</div>
</div>

4. Simpan

Selamat Eksperimen.
free tracking
Loading

1 Commentators :

nC on 10 Juli 2011 pukul 09.14 mengatakan... Reply

nice share gan :) thenkyuuu hehe
hmm sekedar saran klo boleh dikasih warna atau Bold buat keterangan dibagian mana kita harus mengisi content kita gan :) hehe

Posting Komentar

Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.

 

Copyright 2011 All Rights Reserved Official Ghostcell Blog . Custom Energy Saving . Powered by Blogger