1 APPEAR DISAPPEAR BLOGGER NAVBAR AUTOMATIC

Mouse hover effect to Automatically hide and show Blogger’s navbar/ Automatic appearing and disappearing blogger nav bar. Hide and reappear blogger navbar automatically is another great blogger trick we will learn today. Earlier in my post how to Remove Blogger navbar I had talked about removing blogger navigation bar or hiding a nav bar from a blog. But this is very different from earlier trick. In previous trick we learned how to completely disable blogger navbar but in this lesson we will focus on hiding and making it reappear when a mouse is hovered on a particular location of a topnavbar. However if you are not interested in this but simply want bloggers default navigation bar to be removed completely forever or hide it than read the post how to remove the topnavbar in your blogs and if you are interested in showing nav in your blog but not every time than you may learn the trick on how to automatically hide this Blogger’s naavbar and reappear when a mouse hovers.

In this hack blogger nav bar automatically hides which means, it only will show when the cursor passes by the place it’s usually located. So let us start with this latest blogger tips and tricks.

...............................................................................................................

Easy and Simple Removal Steps:

...............................................................................................................

So, how to add banner ads widget/ads gadget in blogger blog. For making this possible log in to your blogs dashboard and select the blog you want to add this trick.

Go to Design > Choose Edit HTML
Click on Expand Widget Templates box

Now search for the following code in your blogs template:

body {

Paste any one of the below given codes whichever is applicable just Before above found code.

...............................................................................................................

New Blogger Templates

...............................................................................................................

#navbar-iframe {

opacity:0.0;

filter:alpha(Opacity=0)

}

#navbar-iframe:hover {

opacity:1.0;

filter:alpha(Opacity=100,FinishedOpacity=100)

}

...............................................................................................................

Classic Blogger Templates

...............................................................................................................

#b-navbar {

opacity:0.0;

filter:alpha(Opacity=0)

}

#b-navbar:hover {

opacity:1.0;

filter:alpha(Opacity=100,FinishedOpacity=100)

}

...............................................................................................................

Suggested Reading:

...............................................................................................................

•   How to remove the default topnavbar from your blogs