Hide Blogger Navigation bar...

Hey! today wanna show you all how to hide the blogger navigation bar on the top, and of course if you mouse over to the top, and the Navigation bar will show up... Copy the code below and...

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
/*Blogger Navigation Bar */

First and very important thing before you proceed before you screw up your entire blog coding, Remember Backup your blog template first by clicking the Backup / Restore Link on your Right top page side or below your Profile picture.

 

Second click the ' Edit HTML ' button.

 

 Third Click the proceed button and go inside your HTML coding.

Now, press ' CTRL & F ' to search for this word ( /* Variable definitions )...
And then paste the code above the ( /* Variable definitions ) and click the save template...
DONE! now go and view your blog...
~~Enjoy~~