Jom singgah sini | twenty2december™

Tutorial blog cara buat button show hide





Inilah contoh button show hide spoiler :

Tutorial blog cara buat button show hide
Ikut step2 di bawah untuk membuat button ini pada Javascript pada sidebar anda :

1. DASHBOARD > DESIGN > ADD GADGET > HTML/Javascript
2. Kemudian sila masukkan kod di bawah ini pada ruang HTML/Javascript :
<center><div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="TEKAN SINI" 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 = ' TEKAN SINI '; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">Masukkan Code JavaScript/Gambar/Text Di sini</div></div></div></div><center>

*warna hijau boleh tukar perkataan anda sendiri,perkataan sebelum spoiler dibuka.
*warna merah perkataan selepas spoiler dibuka.
*warna biru sila masukkan kod javascript anda.

3. Save dan lihat hasilnya!



No comments: