Hye le ladies and le gentleman.... =D dah lame aku tak share tutorial kan? so, hari ni nak share yang simple2 jer....nama dia button hide and show ataupun dikenali sebagai spoiler bak kata MR. Fariq yang otai gitu...huhu.... cuba klik kat bawah ni =D
cak!!
ok, yang tu contoh jer... contoh lain seperti dalam blog aku...pergilah tengok bloggers chat room!! klik untuk berchatting wokeayh.... =)
CARA NAK BUAT HIDE AND SHOW BUTTON:
1.Login ke Blogspot, klik layout >Add Gadget > HTML/JAVA
2. copy dan paste semua kod di bawah dalam "HTML/JAVA"
3. preview! kalau takde error save! ^__________^ selamat mencuba!!
cak!! ok, yang tu contoh jer... contoh lain seperti dalam blog aku...pergilah tengok bloggers chat room!! klik untuk berchatting wokeayh.... =)
CARA NAK BUAT HIDE AND SHOW BUTTON:
1.Login ke Blogspot, klik layout >Add Gadget > HTML/JAVA
2. copy dan paste semua kod di bawah dalam "HTML/JAVA"
<center><div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 120px; " value="•❤•klik•❤•" 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 = '•❤•klik•❤•'; }" type="button" />
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;"> CODE ANDA</div></div></div></div></center> tutorial by shiqin sunshine blog
3. preview! kalau takde error save! ^__________^ selamat mencuba!!
- Saturday, February 23, 2013
- 9 Comments
