Saturday, November 13, 2010

Tutorial 9 : Membuat Scroll Bar

Blog Tutorial ini nak ajar yang mudah-mudah je..kekekeke..yang susah kena tunggu rajin dulu.
Cara untuk membuat scroll bar! Jom try! Tapi jom review apa itu scroll bar..



amat mudahkan sayang! semudah ABC..bukan abc tu tapi air batu campur hahaha..jangan tak cuba pula ye!untuk menjimatkan ruang agar blog tidak bersepah!.


Cara nak buat adalah copy code dibawah (maaf sy tak blockquote utk tidak ubah fungsinya)

    <div id="scroll" style="border: 1px solid rgb(255, 255, 255); overflow: auto; width: 200px; height: 150px; background-color: rgb(255, 255, 255);">

            SILA LETAKKAN AYAT ANDA DI DALAM INI

            </div>

Tukarkan tulisan SILA LETAKKAN AYAT ANDA DI DALAM INI dengan entry/word anda..

200px untuk lebar

150px untuk ketinggian

#maaf tak highlightkan supaya fungsi tak berubah.
SHARE:

34 comments

  1. Nur IzaNovember 14, 2010 at 11:12 PM

    fara ajar aku upload picture dr laptop aku try xbole lah..ade cr lain ke nk upload..huhu kuno tol aku baru nk mengaktifkan diri

    ReplyDelete
  2. Nur Syafiqah bt Zulkifly Bin MohamadDecember 31, 2010 at 4:07 AM

    tak jadi?

    ReplyDelete
  3. Azyla MumtazFebruary 3, 2011 at 10:03 AM

    mcm mne awak setkan background kt scroll 2?

    ReplyDelete
  4. AnonymousFebruary 12, 2011 at 10:06 PM

    thank girl ! haha .. i do a great job ^^

    ReplyDelete
  5. jueFebruary 25, 2011 at 6:06 PM

    yeah!! nice

    ReplyDelete
  6. CikNuwairahJune 29, 2011 at 11:55 PM

    assalammualaikum..nk tnya,ni klu nk letak gambar dlm scroll bar boleh guna coding nih x?
    ke ada yg lain jgak?..:)

    ReplyDelete
  7. NurfarahJune 30, 2011 at 5:41 PM

    @CikNuwairah

    waalaikummussalam..

    Boleh saja dong.. hehehe :)

    ReplyDelete
  8. ♥ Powerpuff mama ♥July 29, 2011 at 9:46 PM

    Farah , cmne ek law nak letak gambar kat scroll bar ?

    ReplyDelete
  9. NurfarahJuly 29, 2011 at 9:49 PM

    @yaya sahaja ♥♥

    upload macam biasa dalam code tersebut

    ReplyDelete
  10. ♥ Powerpuff mama ♥July 30, 2011 at 12:48 AM

    Okayy , ime acehh [:

    ReplyDelete
  11. Nafis KhairunnisaAugust 22, 2011 at 7:13 PM

    sis...mcm mane nak buat blog list dalam scroll tu??taruh code mcm biase ke kat tempat tulisan yang warna merah tu ye...

    ReplyDelete
  12. NurfarahAugust 22, 2011 at 7:15 PM

    @nafis khairunnisa

    ada tutorial sayang..sila cari :)

    ReplyDelete
  13. AnonymousAugust 25, 2011 at 4:52 PM

    Membuat Scroll Bar.
    kak farah,saya cuba buat scroll bar tap tak jadi
    macam mana nak masukkan archive dalam scroll bar tu
    aduh ai,sedihnya berkali2 buat tak jadi2 jugak

    ReplyDelete
  14. NurfarahAugust 25, 2011 at 8:00 PM

    @Anonymous

    memang xjadi..so guna tutorial ni

    http://bicarafarah.blogspot.com/2011/07/tutorial-60-scroll-box-untuk-blog.html

    ReplyDelete
  15. AmaninaOctober 3, 2011 at 2:38 PM

    benda ni nk paste kat edit html or javascript??

    ReplyDelete
  16. hana shnNovember 29, 2011 at 12:17 PM

    scrool bar tu benda pa..??

    ReplyDelete
  17. Nur Batrisyia DamiaDecember 1, 2011 at 10:42 PM

    Kak fara.. mcm mne nk buat Blog Archive >scroll bar<..? sye tak faham.. ):

    ReplyDelete
  18. BbariahDecember 4, 2011 at 4:47 AM

    akak , npe sy buat tak jadi eikk..sy try buat cm akak puny..scrol box dlm post tapi yg keluar code dy je..ni guna utk sidebar je ke?

    ReplyDelete
  19. NurfarahDecember 4, 2011 at 9:00 AM

    @bari'ah

    try buat semula sy dah tukarkan codingnya

    ReplyDelete
  20. freakyhannaDecember 28, 2011 at 3:46 PM

    assalamualaikum. ni nak paste code tuhh kat "edit HTML" or "add a gadgets" ???

    ReplyDelete
  21. UnknownDecember 29, 2011 at 7:20 PM

    x faham la

    ReplyDelete
  22. Khairunnisa bt jamil kairJanuary 28, 2012 at 1:22 PM

    x paham loorrr...

    ReplyDelete
  23. Bella Michella♥January 29, 2012 at 10:58 AM

    Code tu nak save kat ne kak farahh ??

    ReplyDelete
  24. MieMiseryMarch 14, 2012 at 1:54 PM

    nk paste kat mne code ni??

    ReplyDelete
  25. putEra HyriElJune 17, 2012 at 5:05 PM

    halo3x,,nk tnye bile dah buat tuto nie,,cmne nk tukar backgroung dyer jadik tranparend?

    ReplyDelete
  26. Nurul Husna July 24, 2012 at 7:38 AM

    x fhm la...

    ReplyDelete
  27. AnonymousSeptember 9, 2012 at 1:18 PM

    @♥Cik Nurfarah♥

    Lepas dh copy code tu...nk paste kt mner pulk??????
    PLEASE REPLY

    ReplyDelete
  28. UnknownJanuary 26, 2013 at 10:14 PM

    tk jd un ???

    ReplyDelete
  29. UnknownMarch 29, 2013 at 4:25 PM

    kak....nak copy paste kat mna...?? edit html ke..?? or tmpat lain..??

    ReplyDelete
  30. Che puanApril 18, 2013 at 2:44 PM

    tak fhm la?

    ReplyDelete
  31. UnknownJuly 23, 2013 at 12:47 AM

    Mantep Broo
    http://sarangshare.blogspot.com/

    ReplyDelete
  32. UnknownNovember 29, 2013 at 5:00 PM

    sis, x paham la..

    ReplyDelete
  33. Qila MumtazNovember 11, 2014 at 7:53 AM

    Assalam. Percubaan yg bagus! tapi tutorial yg terlalu general bg mereka yg tiada basic coding.

    ReplyDelete
  34. UnknownNovember 11, 2014 at 7:55 AM

    Assalam. Cubaan yg bagus. tapi tutorial anda terlalu general bg mereka yg tiada basic coding (programming). Maseh

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

© Blog Cik Nurfarah
Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH