Apa itu scrollbar? Jom kita tengok gambar di bawah.
Scroll bar ialah garis bar yang ada di sebelah kanan dan bawah.
RUPA SCROLLBAR SEBELUM DICANTIKKAN
WAJAH BARU SCROLLBAR
WARNING : TUTORIAL INI HANYA UNTUK PENGGUNA CHROME DAN ORANG YANG MENGGUNAKAN TEMPLATE DENIM SAHAJA !
Login Dashboard>>Design>>Edit HTML>>Tick Expand Widget Template Cari KOD di bawah. Tekan CTRL + F Serentak untuk memudahkan pencarian. Copy kod di bawah. Tekan CTRL + C.::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}
Dan pastekan di atas kod ]]></b:skin> !
Ayat yang di bold di bawah bermakna boleh ditukar :]
background: #D9D9D9;
background-color: #F2F5A9;
Tukar HTML COLOR CODE di atas dengan warna kegemaran anda ye ! dapatkan sumber HTML COLOR CODE di SINI :}
Jika ada sebarang masalah? Sila inform di ruangan komen, InsyAllah saya akan bantu anda selesaikan !
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.
33 comments:
daa jadi ~ thanks!
Sama-sama, baguslah kalau dah jadi :]
thanks sbb kongsi totu ni dgn saya dan lain-lain..
Megat : sama-sama , :]
x jadi larr...camner ek?
owner .. help la .. x boleh la .. :( sye gne chrome ni..
@Aisyah : Tutorial ni tak ada kaitan dengan browser :] mungkin awak guna template Minima ? sebab tutor ini untuk TEMPLATE DENIMSAHAJA
thanzz!skunk blog yana da cantekk ckit.sedap mae memandang,buat laa tutorial yg lebih lagih.heeeeee;D
Haha sama2 Yana, gunalah Tutorial yg saya buat oke ? :p Terima kasih sebab sudi guna.
dah jadi .. terime kaseh ~
your welkem ani ;}
apa-apa template pun boleh guna thanks for sharing this meaningful tutorial thanks..
@Siti Aishah.. Oh ye ekk.. Ukayy ;]
comelnye belog die... btw, i do something for u.... hope rmai dtg sni usha belog u...
http://naurahnawwarah.blogspot.com/2011/10/tutorial-tukar-scroll-bar.html
@Naura :: Terimakasih sngat2 ;] haha
Mcm mana nak buang scroll bar bawah? Please jawab ! :(
Mcm mana nak buang scroll bar bawah? Please jawab ! :(
Oh scroll bar dekat bawah tue muncul sebab blog kita terlalu besar, kita boleh juga nak buang dengan wat camnie
CTRL dengan +
Macam mana nk kecikkan? tolong sya please ! Kalau boleh buat tuto :3
tukar nombor yang dibold
::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #F2F5A9;
-moz-border-radius: 10px;
border-radius: 10px;
}
Semakin sedikit nombor.. Semakin kecik..
knp saye x jd ?? :(
Shaznina Sofie :
Mungkin template awak tidak diterima kot.. and guna browser ape ?
akhirnya menjadi jugak buat..hehehe..thanks ^^
sy da try bt.. mle2 jdi then bler preview blik da x jdi.. bile bt blik pon x jdi..knpe eyk??
Cik Jingga :Tahniah !
Zetty : Trysekali lagi ? Pastikan guna template denim, salah letak kod kot ?
Assalamualaikum...
terima kasih atas tutorial ini..
alhamdulillah selepas 2 kali mencuba menjadi jugak.. terima kasih.. baguslah ta kedekut ilmu..:)
Denim template? Erm... kalau Simple template boleh? :)
Knp trus tkde dh sy pnye scrollbar???
Anonymous : Tak pasti.. try lah dulu ye :)
Yasmin Irdina : mungkin url gambar tu salah ? atau dia loading amik mase skit :)
Assalamualaikum. Kenapa saya buat tak jadi? :3
Ni Blog yg ke 5 or 6 sy visit. x jadi jgk sy mmng x tau nak buat ape dah ..
sye punye tk jdi la.. sye guna chrome.. knpe nie? sye nak buat! huhu!~
Post a Comment