Tuesday, November 29, 2011

TUTOR : Cara pasang butang SHOW/HIDE

Kali ini ak nak ajar atau kongsi lagi satu ilmu bersama kome.. terima kasih kepada Kiz coz gtau link belajar buat ini.. pada yang mencari, leh try cara berikut ea.. opss!! sebelum tu, camne yang dikatakan butang show/hide tu?? cer tengok gambar berikut ea..


- Bila tekan, baru tahu apa yang disembunyikan -



 - Inilah yang disembunyikan -


So,jom tengok apakah caranya ea.. 

<div id="spoiler" style="display:none">
letak ayat yang nak disembunyikan
</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'}">Show/Hide</button>

Kome just gantikan letak ayat yang nak disembunyikan tu kepada ayat yang korang nak sembunyikan ea..


Teks Show/Hide juga boleh kome tukar yer.. Benda ni leh diletakkan di side bar atau pon posting okies..



<--- cer try tekan lau berani..hikhik!!



SELAMAT MENCUBA!! 






n/y: Di kesempatan ini ak ingin ucapkan
salam awal muharam yer
seluruh umat Islam
di seluruh dunia...


at

21 comments:

  1. Abang Long27 November 2011 at 11:29

    Salam...bagus nih. Kang kalau nak sorok2 muka yg terlebih hencem nih leh la tekan button tu...huuuu

    ReplyDelete
  2. Tie HT27 November 2011 at 12:29

    wow best jugak ni..new lesson..ehehe..thanks nuyui :)

    ReplyDelete
  3. L27 November 2011 at 12:30

    waaa. tq kaayh..=) anyway.. salam maal hijrah..

    silap link smlm... hehhe

    jom baca kejap..=)

    http://lolz-l.blogspot.com/2011/11/pandai-sangat-dah-kan.html

    ReplyDelete
  4. StuntWomanWho :)27 November 2011 at 12:38

    best jugak . nak try2!

    ReplyDelete
  5. Unknown27 November 2011 at 12:44

    menarik!! leh buat ni bile teringin nak buat..hehe maceh yui!

    ReplyDelete
  6. Anonymous27 November 2011 at 17:11

    jimat ruang kan.

    ReplyDelete
  7. msredcheesecake27 November 2011 at 21:04

    Letak kat mana ni?

    ReplyDelete
  8. Yana Houry28 November 2011 at 22:54

    rajin yui buat tuto..=)

    ReplyDelete
  9. merahitujambu29 November 2011 at 09:21

    terima kasih share tuto.=)

    ReplyDelete
  10. smilenajah9329 November 2011 at 09:28

    yeah ! kim pernah buat ini :}

    ReplyDelete
  11. cik ika29 November 2011 at 10:02

    ade mse ika wat ea..

    ReplyDelete
  12. Bulan Syurga Firdausi29 November 2011 at 10:11

    salam maal hjrah yui :)

    ReplyDelete
  13. Nisa Greennnpanda29 November 2011 at 10:15

    wah..bgus la ade tutor nie..hehe..

    ReplyDelete
  14. En. Kronik29 November 2011 at 10:17

    terer

    ReplyDelete
  15. Jahirah29 November 2011 at 10:28

    boleh lah sorok pape yg patut spy blog lebih kemas.......

    ReplyDelete
  16. safurara29 November 2011 at 11:30

    hai yui syg =)

    ReplyDelete
  17. Cik Anita29 November 2011 at 12:20

    Yuiiii yang rajin menjadi cekgu~

    ReplyDelete
  18. ::CIK LYNN::29 November 2011 at 12:33

    thnks yui...nti nk try...hehe

    ReplyDelete
  19. ::CIK LYNN::29 November 2011 at 12:35

    yui, ni nk tmbah kt gadget or edit hmtl???

    ReplyDelete
  20. Unknown29 November 2011 at 21:05

    lepas ni boleh main sorok2..;p

    ReplyDelete
  21. Unknown29 November 2011 at 21:05

    lepas ni boleh main sorok2..;p

    ReplyDelete

Assalamualaikum & salam sejahtera

1) Baca entry sampai habis
2) Komen secara berhemah
3) Komen yang mendatangkan "kecurigaan" AUTOMATIK di padam!

p/s: Jangan letak link kaler BIRU itu ea..elak SPAM!

Saya HORMAT anda,anda HORMAT saya
Peace ^__^