Tutorial : Cara buat show hide button/spoiler

Yauu , salam^^

Kayy ,skrgg nih Scha mau ajarkn cara utk wt show hide button/spoiler...Tutorial nih dibuat kerana permintaan Kak Azza ...

Korg tk thu erk apee itu spoiler ? Okeyy2 , Scha tunjuk gmba kaay ?

Nmpk tk button yg Scha wt kotak berline MERAH ? Haaa...biler ktee tkn kotk tuh ,

ia akn jdi mcm nih :

Haa...biler ktee tkn button tuh , iaa akn kuarr apee isi2 nye..Skrgg korg dh tau kn ape itu spoiler/button ? Okeyy , let's begin !

Caranya

1. Log in lah dlu...

2. Dashboard > Design > Add A Gadget > Html/JavaScript

3. Copy code bwh nih :

<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 .

4. Save dan lihat hasilnya :) 

**PERINGATAN**

Bagithu kalau dah berhasil :D

=GUD LUCK KAYY=