Friday 18 February 2011

TUTORIAL Membuat Scroll Pada Sidebar

"kak, mcmane nk buat scroll bar kt blog list ye?? byk kali da cube, tp xdpt2 gak buat... tq~

"By i.b.t.i.s.a.m~ on Ini entri bukan cari gaduh, jauh sekali cari jodoh...on 17/02/11 Publish Spam Delete









Dik maksud ko scroll macam akak buat neh ker..?

Tutorial neh adik ibtisam yang minta.Haku rase scroll tuhlah yang dimaksudkannyer.Terima kasih dik percayakan hakak utk buat tutorial neh..hahaha bukan terror sangat pon nak buat tutorial bagai tapi bolehlah sikit-sikit.

owh baru ingat ari tu eB Ezrin pon ader minta haku tunjukkan camner nak buat Tab menu..hahaha sory beb haku luper..okeh nanti next week haku buat yer.Jangan marah tau..!!kalau haku luper lagik tolong ingatkan haku yer...minta maaf banyak-banyak..

caranyer begini yer adik-adik buchuk sekalian...

1. Memula kenerlah Login dulu,kalo tak login camner nak edit ya dak..


2. Then Klik Layout - pegi Edit HTML
(Jangan luper tandakan pada Expand Widget tuh)



3. Cari kod di bawah(boleh guna CTRL+F untuk memudahkan korunk nak cari kod neh) .







(kalau guna CTRL+F korunk taip skin jerk yer.nanti ko tengok betul simbolnyer mcm kat atas tuh then itulah diyernyer, sebab CTRL+F takleh terima segala macam simbol )


4. dah jumpa ko copy@salin kod kat bawah ni



#LinkList1 .widget-content {
height: 200px;
overflow: auto;
}


kalau ko salin kod tersebut jangan tertingal satu titik pon yer,

Note: Pada highlight merah(#LinkList1), ko boleh tukarkan dengan WIDGET ID yang ko nak buat scroll tuh .

Note lagi: Height pon ko boleh tukar nak panjang maner k, 300 boleh 400 boleh,ikut suker hati ko..


5. Pastekan dekat atas b: skin tuh tadi yer

6. Preview dan boleh Save Template kalau takder errror aper-aper



CARA nak DAPATKAN WIDGET ID pulak macam nie


1. Klik edit macam yang akak tunjukkan neh.





2. ko Copy widget ID pada adressbar seperti contoh kat bawah neh.

contoh yang haku bulatkan tuh adalah LinkList1 , so itulah widget ID ko. Copy yang itu jerk tau.



okeh, siap.. paham tak?

Minta maaf kalau korunk tak paham yer,haku bukan pandai sangat nak wat Tutorial neh tapi sajer jerk memandai..hahaha..

owhh tak paham boleh tanya lagik yer,kalo tak nanti sesat jalan...:)



**Jommm join haku,kiter kayo sesamer.Jangan luper klik HB haku kat bawah neh tau.TQ dear ..!!**

div>





13 comments:

  1. faham2....senang aje nak buatnyer....terima kasih shiela

    ReplyDelete
  2. tq kak~~!
    sgt2 membantu...
    byk yg akk tau...
    nk tny lg...

    kalo untuk buat border kt sidebar 2??
    untuk widget2..
    mcmane pulak ye...

    ReplyDelete
  3. so macam mane kalau nak wat byk2?still kene wat satu2 ke

    ReplyDelete
  4. Amira : A'ah, kalo nak buat banyak susun satu-satu sepanjang jalan tapi pastikan diatas "skin" yer...

    ReplyDelete
  5. kak, atas skin??mcm mane tue ea...nape saya buat tak jadi pun..ke sy silap kat mane2??

    ReplyDelete
  6. Amira : ko paste atas skin yang maner satu dik,tak salah akak ader dua skin tapi ko ambik yang skin atas "head". cer tgk contoh yg akak bagi tuh.

    Pastu ko copy coding mesti sebijik sejiban macam yang akak kasik k.cuba dulu..:)

    ReplyDelete
  7. perhatian :::

    paste kod tadi pada ATAS @ SEBELUM "skin" tuh yer

    ReplyDelete
  8. ibtisam : nanti ader maser akak buat yer tp kalo dah lamer ko tunggu akak tak buat juger ingatkan akak yer,tue dah luper namernyer..hahaha

    ReplyDelete
  9. Thanks for the info..Nak buat, tapi xde mase lak..huhu. Sebab tenet slow la... Datang klik2 HB

    ReplyDelete
  10. salam...
    gua bab kod ni yg paling lemah....salah buat jadik cacamerba blog haku....

    ReplyDelete
  11. aslmkm Shila...malam2 ni akak dtg nak cari2 info..tp nak gak mintak tlg, tupun kalo blh tlg..
    ada lak skrg ni kes copy paste gambar & post blog kawan akak..dah edit bagai..dah buat disable right click pun tp manusia ni dah terlalu tinggi lak ilmunya..hihi..blh je depa ambik..ada tk cara lain yg blh hindarkan kes ni? sian gak kwn dok pent2 tonggeng2 berpeluh2 ambik ga,bar lawa2...tup2 org ambik & ngaku dia buat..marah kan? akak tumpang marah jela..hihi..
    sekian, kalau blh bantu..:)..t.kasih

    ReplyDelete
  12. wah,sgt membantu...makasih yer...=)

    ReplyDelete
  13. blog id tu kne sensor rasanya...bahaya terdedah kpd hackers..thanks for the info anywy :)

    ReplyDelete

TERIMA KASIH. Semoga Allah lindungi kalian <3