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
}
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
}
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>
</head>
For Classic HTML Template users, paste the CSS Code above to your template, somewhere before this:
</style>
</head>
</head>
Good luck! :)