Tutorial membuat spoiler TD

Saturday, December 8, 2012 at 4:14 AM | 0 grown up kid

Assalammualaikum.
Hari ni anak-anak, Pengetua akan ajar cara-cara membuat spoiler,
tak payah cakap, pengetua dah tawu, anak-anak mesti tak tawu pun spoiler tu ape kan?
spoiler ialah,


pastu lepas ditekan keluar


# Template Designer
dashboard :65: design :65: page element :65: add a gadjet :65: HTML/ Javascript

copy code bawah ni dan paste dekat content, tajuk tak payah letak.
<center><div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="buka" 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 = 'buka'; }" 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>
merah : perkataan before click
biru : word after click
kuning : ayat, atau code,gambar ke,
oren : lebar spoiler tu,

preview dan save!

Sekian,
Asa Banie