Tutorial : ScrollBar New Style
Thursday, 25 October 2012, ϟ 0 shout(s)

Assalamualaikum!


Dah lama nak buat tutorial nieh tapi takda mood so sekarang dah ada mood ! Let's get started ! Okey. Cuba pergi blog Qis tengok scrollbar tu haa.. Alah.. Macam ni haa..


Taktahu macam mana nak buat? Follow this steps! But not really sure lah kalau template jenis simple, minima boleh jadik.. Qis pakai denim template baru jadikk.. KAlau takjadi, godek code sendiri okey!

 Dashboard > Design > Edit HTML

 Tekan CTRL-F/F3 and find this code :)


/* Header 

ATAU

 ]]></b:skin>

ATAU

a:hover {

 Then, copy code dibawah dan paste dia atas code yang korang cari tadi..

::-webkit-scrollbar-thumb:vertical {
background-color:#000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
 ::-webkit-scrollbar {
width:7px;
height:5px;
background-color:#ffffff;
}

 Kalau dah jadi SAVE!

mail,envelop,message,email,letter
arrow  123 : Warna Scrollbar

arrow 123 : Background scrollbar

arrow 123 : Boleh adjust samada korang nak tebal ke nipis..

arrow Code colour : Colour Code

new past