Tutorial: cara letak button hide and show

Saturday, February 23, 2013

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"

<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(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;•❤•close•❤•&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;•❤•klik•❤•&#39;; }" 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!!




Share This Story

Tags: , , ,

9 comments

  1. Afiq23 February 2013 at 21:58

    eh dah lama cari tutorial ni .thnkz yaa

    ReplyDelete
  2. Fariq24 February 2013 at 03:58

    nama sbnr utk button hide n show ni = spoiler. nice share.. bagus utk main nyorok2 ngan visitor.. heh

    ReplyDelete
  3. Shiqin Sunshine24 February 2013 at 10:53

    @Fariq

    owhhh orite tq...hoho dah tambah kat label =D

    ReplyDelete
  4. Unknown24 February 2013 at 18:59

    azie singgah sini ! thanks singgah blog azie...terharu ! and thanks sharing the tutorial !

    ReplyDelete
  5. Nurul Ainaa Che Anuar25 February 2013 at 14:40

    wah wah kak syiqin murah hati ye berkongsi tutorial kehkeh thanks :-P

    ReplyDelete
  6. Nurul Ainaa Che Anuar25 February 2013 at 14:41

    wah wah kak syiqin murah hati ye berkongsi tutorial kehkeh thanks :-P

    ReplyDelete
  7. kay_are25 February 2013 at 17:23

    cara nak buat spoiler yang kne klik baru boleh show tu ke.. baru faham.. blur jap tadi..

    ReplyDelete
  8. EH - Ekslamasi Holistik1 March 2013 at 23:07

    Harus cuba!
    TQVM Shiqin Sunshine...

    ReplyDelete
  9. M Fizan3 March 2013 at 10:11

    hide and show. macam biskut pulak :D

    ReplyDelete

Komen yang baik-baik ye ^^, kalau perlukan urgent respond, sila tinggalkan email anda