28 August 2011

[Tutorial] Tukar scrollbar blog anda

Salam...


Hari nie mira nak ajar macam mana nak tukar scrollbar korang tu jadi cute miut macam saya dan anda semua.. hehehe. Selalunya kita tengok scrollbar warna kelabu kan. Alaaaa tak cute kan. Korang nak jugak yang ada warna-warna dan corak bagai.. Kalau nak.. mari ikuti tutorial ini..

1. DASHBOARD > DESIGN > EDIT HTML

2. Cari code di bawah.. (guna CTRL+F atau F3)

/* Header 


3. copy code di bawah nie..


::-webkit-scrollbar {height:12px;width: 12px;background: #000000;}::-webkit-scrollbar-thumb {background-color: #000000;-moz-border-radius: 10px;border-radius: 10px;}


4. Pastekan kat atas code yang korang cari tadi.


5. Warna Biru - warna background scrollbar
    Warna Merah - warna scrollbar


nak code wrna?? KLIK SINI

6. PREVIEW dulu. Kalau tak jadi cuba pastekan code tu  sebelum code ]]></b:skin> atau a:hover { atau a:link {  .


7. Kalau korang nak background tu ada gambar.. korang gantikan code background: #000000; dengan code nie.. background: url(URL GAMBAR); 


8. PREVIEW lagi... kalau dah ok n takde problem pape.. tekan SAVE






credit to : Amalina


SELAMAT MENCUBA
SEMOGA BERJAYA

Sayonara


20 comments:

Unknown said...

Assalam.... nice entry.... nak cuba nie... huhuhu

Anonymous said...

mcm mna nk dapatkan code colour ?

Anonymous said...

mcm mna nk dapatkan code colour ?

izzah chot said...

Assamualaikum, scroll Izzah menjadi.. :D Thanks ye.!

Z A Z A said...

thanks honey . :)

Siti Khairunisa said...

dah :) thanks for tuto nih :)

Anonymous said...

thanks ;)

Anonymous said...
This comment has been removed by the author.
Waniey Hazwani said...

Thanks sygs !! Suke2 jd buat . hehe :D

Ayieda :) said...

Hai amirah :) Suka entry ni.. dah jd.. tp kan, knpa blog Aieda tak buleh scroll dgn auto? kena klik guna mouse baru buleh.. tolonggg :(

Amirul Akram said...

thx kak. dapat pon buat, da lme tringin, kire akak pnyer tuto pling sng phm n easy to follow. !!

Mr.3 said...

Ty bnyk2
http://www.antupccr3w.blogspot.com

miya zahra said...

thanks gadish cantik :D

NoorBieLover said...

scrollbar sy menjadi bila guna awk punya tuto..thx,terus follow sini..

admin said...

wah cantiknye belog woa scrool bar dye XD

visit n follow http://cikeyqa01.blogspot.com/

Anonymous said...

thx! nice n ez tuto ;)
menjadi + comel sgt! hehehe

jemput singgah ye..
http://wanisuryanie.blogspot.com/

Maisarah Safiah said...

Takjadii T_T Semua kod tak ada dalam Edit HTML tuuu :'(

Amirahsza said...

@Kuaci :) kena expand semua coding tu, sebab bahagian html blogger dah tukar. explore coding html

Nur Izyan Safirah said...

Tak jadi :'( Macam mana ni?

Cik Tieka said...

thanxx ya...menjadi ^^

Assalamualaikum & Salam sejahtera It's been awhile since I post on my blog. Almost 2 years stop blogging Dalam masa 2 tahun ni, ...