How to Hide Blogger Navbar in New Blogger Beta - Blogger help, tips and hacks

How to Hide Blogger Navbar in New Blogger Beta

If you have shifted your blogspot blog from old blogger to the new blogger beta, you may have noticed that the previous CSS code to remove the blogger navbar will no longer be effective. That's because Google now uses different CSS tags to display the blogger bar. [#navbar-iframe instead of #b-navbar]

Fortunately, hiding the blogger navbar from new blogger is also as simple as the old one. Just add the following lines anywhere in your Blogger template [enclosed by tags] and the blogger banner will be gone forever.

#navbar-iframe {




} Alternatively, if you are using the Classic beta template inside new Blogger beta, search and replace #b-navbar with #navbar-iframe to get rid of the blogger navbar.

----------------------------------------------- */

#navbar #Navbar1 iframe {




/* By Aditya

----------------------------------------------- */

div.navbar {



} Should you hide the navbar ? Will it break any blogger TOS ?

The old blogger as well as beta blogger's policy page do not mention anything about removing the blogger navigation toolbar. Infact, the old blogger TOS page still makes references to Pyra when Google is the owner.

Similarly many blogger users have raised a similar issue in the Blogger google groups but again, there has been no real consensus.

Did you like this article ?
Subscribe to my RSS feed and get more blogging tips, Plus a lot more great advice to help your blog.

Related Posts by Categories

Widget by John
  1. 0 comments: Responses to “ How to Hide Blogger Navbar in New Blogger Beta ”


 Subscribe in a reader

Latest Free Blogger Templates
Template 01 Template - 02 see more templates
demo - 01 demo - 02
Click here for Demo Click here for Demo How to Installed Tips
Download the Temp01 Download the Temp-2  

Blogger Help: Recent Comments


 Subscribe to Bloggers Help via RSS
Add to Technorati Favorites