Control opacity of blogger-navbar

Recently Blogger released new transparent navbar styles. It is a nice move on blogger's part to encourage its users put back the navbar again. Users used to hide the blogger navbar as it did not match their template. The transparent navbars mix with the template colors and hence give a better look.
There is one thing though that I still think is missing. The level of transparency can not be controlled. Here is a work around to achieve this.




First you need to modify the code below to select the desired level of transparency.

The line opacity:0.5; is to control opacity in firefox.
The value of opacity ranges from 0.0 to 1.0
0.0 means more transparency and 1.0 means more opacity.
Replace 0.5 in code below with any no within specified range.

Similarly line filter:alpha(opacity=50); is to control opacity in IE.
The value of opacity ranges from 0 to 100
0 means more transparency and 100 means more opacity.
Replace 50 in code below with any no within specified range.

1. Modify the code below as per your need and copy it
#navbar-iframe { opacity:0.5; filter:alpha(opacity=50); }
2. Goto your template. Dashboard > layout > Edit HTML
3. Search the line (just ctrl+f it).
]]></b:skin>
4. and immediately above it paste the code copied in step 1.
5. Save your template and your are done.