Tutorial : button show-hide spoiler
Isnin, 1 Ogos 2011
Assalamualaikum..
hey peeps !
okay! sekarang aku nak ajar korang buat "button show-hide spoiler"
apa tu???
alah.. korang nampak tak kat side bar aku tu ada button " wajib tekan "
bila korang tekan jer button tu, dia ada ayat bawah.. mcm nak jimatkan ruang lah lebeh kurang.. paham???
kalau paham, kita teroskan agenda kita :
1. copy code kat bawah ni dulu :
<div><div style="margin: 5px;"><div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value=" wajib tekan " 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 me '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Picit Saya'; }" type="button"/></div><div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;"><form><fieldset>
<legend><img src="http://dl3.glitter-graphics.net/pub/411/411123jvvsj46ywt.gif"/></legend> masukkan code JavaScript/gambar/ayat korang </fieldset>
</form></div></div></div></div>
note : yg aku highlightkan warna biru, pandai-pandailah korang tukar.. yg "wajib tekan" tu sebelom korang tekan dia.. "close me" selepas korang tekan.. okay! :))
2. next steps : korang pergi
dashboard>design>add gadget>HTML/JavaScript
3. okay dah? pastekan jer lah :))
- selamat mencuba -
Tutorial : button show-hide spoiler
Isnin, 1 Ogos 2011
Assalamualaikum..
hey peeps !
okay! sekarang aku nak ajar korang buat "button show-hide spoiler"
apa tu???
alah.. korang nampak tak kat side bar aku tu ada button " wajib tekan "
bila korang tekan jer button tu, dia ada ayat bawah.. mcm nak jimatkan ruang lah lebeh kurang.. paham???
kalau paham, kita teroskan agenda kita :
1. copy code kat bawah ni dulu :
<div><div style="margin: 5px;"><div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value=" wajib tekan " 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 me '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Picit Saya'; }" type="button"/></div><div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;"><form><fieldset>
<legend><img src="http://dl3.glitter-graphics.net/pub/411/411123jvvsj46ywt.gif"/></legend> masukkan code JavaScript/gambar/ayat korang </fieldset>
</form></div></div></div></div>
note : yg aku highlightkan warna biru, pandai-pandailah korang tukar.. yg "wajib tekan" tu sebelom korang tekan dia.. "close me" selepas korang tekan.. okay! :))
2. next steps : korang pergi
dashboard>design>add gadget>HTML/JavaScript
3. okay dah? pastekan jer lah :))
- selamat mencuba -