[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 budak baik!:

.:Bicara Hidup:. said...

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

nieyzt eiyraa said...

mcm mna nk dapatkan code colour ?

nieyzt eiyraa said...

mcm mna nk dapatkan code colour ?

izzah chot said...

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

♥LadyLaLaUlala said...

thanks honey . :)

Siti Khairunisa said...

dah :) thanks for tuto nih :)

Aina Razmi said...

thanks ;)

CAMELIA'S STORY said...
This comment has been removed by the author.
Waniey Hazwani said...

Thanks sygs !! Suke2 jd buat . hehe :D

AiedaHaliena 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 a.k.a. Chieko said...

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

Tanpa Nama said...

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

miya zahra said...

thanks gadish cantik :D

Noor said...

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

Eyqa Rawr said...

wah cantiknye belog woa scrool bar dye XD

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

anis suryanie said...

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

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

Kuaci :) said...

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

Amirah Su'aidah 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 ^^

Related Posts Plugin for WordPress, Blogger...