TUTORIAL: CUSTOMIZE YOUR OWN SCROLLBAR

Sunday, July 24, 2011 | 6:34 PM | 2 comments

1) Dashboard >> Design >> Edit HTML

2) Press CTRL+F and search for this code:

]]></b:skin>

3) Then, copy the code below here and paste it above ]]></b:skin>:

::-webkit-scrollbar {
height:12px;
width: 12px;
background: #D9D9D9;
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;
-moz-border-radius: 10px;
border-radius: 10px;
}

4) Blue code is for the background.


5) Pink code is for the colour of the scrollbar-thumb.

You can find colour code >here<

6) You can replace the scroll things with picture. If you wanna change it, then you must replace the pink code with this code below here:

background-image:url(URL IMG);

 7) Replace URL IMG with the URL of the picture that you want.


8) DONE!