Tutorial Cara buat button show hide/Spoiler
 |
sebelum tekan button | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
lepas tekan button
Dah tahu ape to spoiler ? Nak buat tak ? very usefull kalau sidebar korang panjang gila , boleh short kan guna spoiler ny .
1. Pegi Dashboard > Design > Add a widget > Html/Javascript
2. Copy code bawah neh :
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Pamirkan" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pamirkan'; }" 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>
Dekat code warna merah korang boleh tukar ayat Pamir ke ayat yang korang nak (fungsi sebelum spoiler buka)
Dekat code hijau pun boleh tukar ayat Tutup ke ayat yang korang nak (fungsi selepas buka spoiler)
Dekat code warna biru korang letak lah ayat , gambar , javascript yang korang nak
3. sy credit dgn sis biyha ne . thanks sis :)
PAST • FUTURE