Adding Hover Effect to Blogger Navbar.

Make a Navbar to appear in in Hover.When visitor will hover their mouse curser Navbar will be seen but when they take out their mouse Navbar will Hide.Isn’t it interesting.For adding this affect you should not disable or Remove Navbar,For restoring refer here.. This effect is done by CSS not by JavaScript.To add this affect then follow this.

1. Go to Blogger>Template>Edit HTML
2. Add this in your CSS just before ]]></b:skin> .

   #navbar {
   opacity:0;
   filter:alpha(opacity=0);
   position:relative;
   ;z-index:10;
   } 
   
   #navbar:hover {
   opacity:1;
   filter:alpha(opacity=70);
   }

3. You can change The CSS code as your wish.Just change opacity and margin to make navbar visible.

Enjoy.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.