Kali ni ameerah tergerak hati utk buat tuto sbb ameerah bosan sangat.. hehe.. apa salahnya membantu kan? so, let's get start! :)

khas utk newbies :
scrollbar tu benda alah yg kt tepi blog tu.. klau korang nak gerakkan ke bawah, benda tu akan bergerak ke bawah sekali.. macam yg korang tgk, ameerah punya warna purple..

x susah pun nk buat benda ni.. cuma perlukan sentuhan tangan ckit ja.. lol
sebelum tu, sukacita dimaklumkan bahawa tuto ni hanya berkesan utk google chrome.. and ameerah guna browser nama rockmelt.. browser ni pun berkesan.. yg x berkesan spt : mozila firefox, internet explorer

jom mula!

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Tekan CTRL+F serentak, cari code ni :

]]></b:skin>

dah jumpa? copy code ni

::-webkit-scrollbar {
height: 10 px;
width: 10 px;
background: #ffffff;
}
::-webkit-scrollbar-thumb {
background-color: #D8CEF6;
-moz-border-radius: 10px;
border radius: 10px;
border: 1px solid #000;
}

3. Paste atas code ]]></b:skin> tadi

okey, ni utk note :
merah - background scrollbar
purple - scrollbar
biru - border utk scrollbar korang.. boleh buang kalau x nak..
tukarkan ikut kegemaran korang.. :)

4. Preview & kalau menjadi boleh save..!

nak rujuk code warna, boleh cari kat sini dan sini

Labels: tutorial