Tutorial : Cara Untuk Sorok Widget Dengan Button Atau Spoiler

Salam !
Ada lagi tutorial blog untuk korang !
Cara untuk sorok widget korang tu dengan Button atau Spoiler
Tak paham ek ? boleh tengok gambar kat bawah ..



Senang je , korang cuma copy code di bawah dan paste dalam HTML/JAVASCRIPT ye

<div id="spoiler" style="display:none">

LETAK CODE DI SINI


</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Other Widget</button>

Other Widget tu korang boleh tukar dengan ayat sendiri , contohnya BUKA/TUTUP
Selamat mencuba !

6 comments:

Taufiq Tiramisu said...

nice one bro!!! ;)

Taufiq Tiramisu said...

weh weh..aku balas sini..ternet lembab xleh post kt shoutbox..hahaha..boleh je kot..tapi lama sket ah bro..bizi bizi..anyway, ko nak letak gambar hape?yogi bear?bagitau je..

Taufiq Tiramisu said...

3 kali header ko tuka arini..hahaha..aku mana tahu kartun ape tuh..ko bagitau kartun apa tu, boleh laa aku google..cpat carik ape nama die..hahahaha

~Eule-owlsz said...

thanks utk tuto ni :)

Ummi Hanie said...

hye,thanx 4 this tuto..simple dan menjadi ;)

Muhammad Abdul Gapor said...

Terbaik la..jimat space blog..http://evolutionincome.blogspot.com

Terima kasih