Hide your Blogger Navbar

Some bloggers ask on how to delete the navbar on blogger. If fact, it can be done but the downside is it might violet the TOS of blogger. To be safe, it might be best to only hide the navbar rather to delete. Here's a very easy steps:

Step 1:

Login to Blogger

Step 2:

Go to Lay-out then click edit HTML.

Step 3:

Back-up your template. Click "donwload full template". (Very Important)

Step 4:

Find the code below. Just focus on the body {.


body {
background: #8F8E8E;
width: 100%;
color: #000000;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

Step 5:

Copy the following code above the body {.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

Click save template. View your blog for the result. Very Easy.

Cheers! Leave comment.

Posted in: Hiding Blogger Navbar