//Diyaa's Tutorial's\\

Korang tengok gambar bawah ni kalau tak tahu apa itu Button Spoiler

Sebelum

Bila korang tekan akan jadi mcm gambar bawah ni , then bila korang click tutup tu dia akan jadi seperti semula mcm gambar diatas ok :')

Berminat tak korang ? Hihihih ^^ mau buat ? Ok jum ikut diya buat k ? Step by step , jangan kelam kabut . Slow-2 lame-2 boleh siap jugak guys :)

1 - Dashboard - Design - Add a Gadget - Html JavaScript

2 - Copy code bawah ni dan pastekan dalam ruang Html Java ok ?

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="CLICK" 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 = 'CLICK'; }" 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>

Ungu - Sebelum spoiler dibuka , tukarkan ayat tu dengan ayat korang sendiri ok

Hijau - Selepas spoiler dibuka , tukarkan ayat tu dengan ayat korang sendiri ok

Merah - Korang letak Text tau Java code yang korang nak !

Attension !!!

- Kalau korang nak letak ayat pada ditempat warna merah tu , pastikan korang letak code dibawah ni ok ? Fungsinya dalah untuk mengetengahkan ayat korang k ? Selalunya korang pastikan letak nama kawan-2 korang betul ? Jadi , setiap nama korang buat mcm kat bawah ni ok ?

<center> AYAT </center>

Coklat - Ayat tu tukar pada nama/ or apa yang korang letak ok ! Good Luck you guys :*

Bagitahu (comment) jika menjadi ok