How to customize the scrollbar in your web page

To customize the look-and-feel of the scrollbar in your web page, paste the CSS Code below to the style sheet of your template. Just replace the values(e.g. #4293E4) of the scrollbar properties(e.g. scrollbar-face-color) with your preferred color names/hex values.

CSS Code:

body, html {
  scrollbar-face-color: #4293E4;
  scrollbar-track-color: #607183;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-shadow-color: #527AA8;
  scrollbar-darkshadow-color: #374A5F;
  scrollbar-highlight-color: #B4D8FC;
  scrollbar-3dlight-color: #73AAE9
}

see this code in action

To better edit the CSS Code above, see and analyze the scrollbar diagram below: (click to enlarge picture)



Note:
» Customization of scrollbar colors is supported only in Internet Explorer.
» Scrollbar properties are invalid CSS information.

Good luck! :)

How to customize the scrollbar in your Blogger blogs:

For New Blogger Layout users, paste the CSS Code above to your template, somewhere before this:

]]></b:skin>
  </head>

For Classic HTML Template users, paste the CSS Code above to your template, somewhere before this:

</style>
  </head>

Good luck! :)