How To Totally Remove The Blogger Navbar Or Top menubar

The blogger navbar is standard on all blogger templates.Some don’t mind it personally i don’t like it.Removing it is easier than you might think.In fact i have this Blogger tip down to three easy steps for you.

Remove The Blogger Navbar

Update 25-07-2012 – Blogger have now added a simple option for this : How To Turn Off The Blogger NavBar.

Step 1. In your Blogger dashboard click Design > Edit Html.

Design Edit Html Blogger

2.Copy the code below :

#navbar-iframe { display: none !important;}

3.Place it in your blogs html below the template details (found very close to the top of you html) and just above /* Variable definitions as displayed below:


Blogger Template Style
Name: Minima Stretch
Designer: Douglas Bowman / Darren Delaye
Date: 26 Feb 2004
———————————————– */

#navbar-iframe { display: none !important;} <—- Just Below Template Details

/* Variable definitions

If you don’t want to completely remove the navbar you can make it into a ‘Hover Effect’ so it will only appear when you place your cursor over the navbar area :

Make a hover effect navbar

Victory Teachers Blog – Asked in the comments : “If i hide this tool bar – how do i then access the edit buttons?”

Great question, What i use is a link in the footer to my dashboard.

Once your logged in to your account any link to the Blogger homepage will bring you to your homepage.

So just add this code to your sidebar or footer :

<a href=”” target=”_blank”>Blogger</a>

Now you can click this to get to your dashboard.

You can also add a link to your ‘Create a post’ page and ‘Layout Page’.

In your dashboard click ‘New Post’ then copy the URL address in the address bar at the top of your screen :

remove navbar blogger

Now put that URL into a link as shown below :

<a href=”PUT-URL-HERE”>New Post</a>

Replace PUT-URL-HERE with the URL you copied from your new post page.

You can do the same for your layout page, settings page or any page.Don worry about putting links to your pages on your profile only people logged into your account will be able to access them.


  1. Thanks for the tip Douglas!


  2. Victory Teachers BlogFebruary 8, 2010 at 9:24 AM

    If i hide this tool bar – how do i then access the edit buttons?


  3. Hi Victory,

    Great question !

    You can add these links to your sidebar or footer, i have edited the post and added the instructions in the post.




  4. this is very good post


  5. Offres d’emploi au CamerounFebruary 21, 2011 at 8:47 AM

    it is just recently that i knew that it’s possible to remove this navbar, my blogs were just bad and so, for long time. In my opinion it’s always a better option to remove the blogger navbar because when it’s not done, the blog just looks like a novice blog. Thanks so much for the trick! Wow! This tip will grow my traffic by 200%, many people really ignore this tip. I thank you so much guy!


  6. hey!! it works if “active” is removed!! 🙂


  7. Değmesin yağlı boyaDecember 19, 2011 at 3:13 PM

    Love it love it love it!..oh+love you!..thanxxx…


  8. is it legal to do this? I just purchased a custom domain for my blog via google.
    can this be done to the blogs not having a custom domain?


  9. thanks, always wanted that