Scrollbar Berbackground

Assalamualaikum .

Ni dah tahun 2012 kan ? Nadia nak wat tuto awal bulan 2012 ni lah . Tak syiokk kalau tak buat awal tahun kan ? Ok . Jom kita wat scroll bar kita berbackground hanya untuk GOOGLE CHROME ye... Erm . Bukan main besar lagi word tu. Nadia just nak ingatkan korang jer . Ari tu, scroll bar Nadia berwarna. Ari ni, scroll bar Nadia bertukar jadi berbackground kan ? ? 

1. Dashboard - Design - Edit html

2. Search kod ni guna CTRL + F ...

 ]]></b:skin>

3. Copy kod bawah ni ..

 ::-webkit-scrollbar {height:10px;width: 10px;background: url(url background scroll bar);
}
::-webkit-scrollbar-thumb {background: url(url background scroller);-moz-border-radius: 10px;border-radius: 10px;
}
img { border-radius: 10px; -moz-border-radius: 10px;}

4. paste kan kod ni di atas kod  ]]></b:skin>

Merah : url backround scroll bar

Biru : url background scroller

Pink : kalau korang mahu scroller korang tu curve, remove tu. kalau korang tak nak scroller korang tu curve, biarkan jer benda tu kat situ.

6. Tak tau ? klik gambar kat bawah ..

7. search for background = CLICK HERE

8. Selamat mencuba