Sunday, 19 February 2012

How to add colors to Blogger Scrollbar

Hi bloggers and readers! Well This is an amazing hack for adding some colors to that pesky browser scroll bar. Its very easy to do tha. There is a small peice of code you will have to add to your blog's html.

Now before you use this code, i must make you aware that it will not work in Firefox...they don't like people messing with their colors, so you can only get this to work in Internet Explorer.

The last caveat that I add to it is that, if you're anal retentive like I am about making my web pages validate this one is going to throw you for a loop because according to W3C...it ain't valid! So you will get an error code for it, but it won't break your page or anything unless you have like 5000 other errors!

Okay...here's what you have to use:


<!--[if IE]>
<style type="text/css">
html {
scrollbar-arrow-color:#6E0502;
scrollbar-track-color:#940400;
scrollbar-face-color:#6BE02;
scrollbar-highlight-color:#909400;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#473624;
scrollbar-shadow-color:#BFB186;
}
</style>
<![endif]-->



And you scroll down til you get to the end of the <head> section, and you put it right BEFORE the </head> tag.

You can choose any color according to the matchig look for your blog by replacing the hexadecimal code(#99ccff).

No comments:

Post a Comment