Tuto : Scroll Bar

Assalamualaikum , sihat ?

Hari ni kita tersangatlah rajin bangun pagi-pagi buta ni sebab nak buatkan tuto scroll bar untuk korang . Rajin kan ? hehe . Okay back to topic , senang jek ni !

1. Login > Dashboard > Template > Edit Html
2. Tekan Ctrl + F , cari code ni :

/* Header

3.  Lepas copy code kat atas tu , Then copy code kat bawah ni pulak .

-webkit-transition: 0.9s;
-moz-transition: 0.9s;
padding-top:3px;
width:70px;
letter-spacing:2px;
text-decoration:none;
font-family:TREBUCHET MS;
font-size:10px;
height:20px;
text-transform:uppercase;
color: #fff;
border:2px solid #fff;
text-align:center;
background:#eee;
cursor:crosshair;
border-radius:0px;
}
a.button1:hover{
border:2px solid #fff;
color: #fff;
background:#DAF1FF;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
::-webkit-scrollbar {
width: 5px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background:pink;
-moz-border-radius: 5px;
border-radius: 5px;
}

Warna Merah :  Boleh tukar mengikut kesukaan warna border korang . Tak nak tukar pon boleh ! ^^
Warna Oren :  Boleh tukar ikut kesukaan warna background korang . Tekan sini .
Warna Hijau : Boleh tukar ikut suka korang okay .

4.  Dah copy , paste code di atas sebelum code /* Header tadi .
5. Preview dulu , tengok jadi ke tak . Dah jadi , good !!

*Sebernanya Ira amik kod dari blogskin . Lepas edit blog member , rasa nak buat kan tuto untuk korang .. Kalau tak menjadi , inform kita okay ? Terima kasih .

Tweet