How To Hide Blogger Navbar

At the top of your blog you can see a bar , many bloggers don’t like the presence of this navbar and want to hide it.

Disappear the Blogger Navbar

1. Log in into blogger with your ID
2. Click Layout
3. Click EDIT HTML tab
4. Click Download Full template. Back up your template first (important!)
5. Find the code which is similar to the code below, focus at the body code:

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

6. Put the following code above the body {….} :

   #navbar-iframe  {
   display : none;
   height : 0;
   visibility : hidden;
   }

7. Click SAVE TEMPLATE
8. Finished and now your blog navbar is hidden.

Posted in: All Posts