HackingUniversity - Hacks . Tricks . How-To's

30 April 2012

How to Hide or Remove Blogger Navbar Easily

Update Now you can easily remove blogger navbar without adding any CSS code given below, as its OFF switching feature is made official by the worthy blogger team and thanks to Vinay Prajapati for commenting on this post and letting me know about this update.


So now you just have to go to Blogger > Layout > Navbar and select the Off option in the last like in the image above and click on save to remove your blogger navbar easily.

Blogger is free blogging platform by Google with lots of features which can make you a professional blogger without any huge investment as their services are totally free of cost. Well but there are some problems or you can say some inbuilt crap which comes bundled with every blog you create and one thing from that is that Navbar which is a kind of bar which floats top of your blog with some options from signing in and navigating to other blogs.

blogger navbar

So now if you do not like this Navbar you can easily hide or remove it using a small CSS trick. Well we are just going to add a piece of line in the template which will make your Navbar vanish away. So follow the below steps on how to do it and easily hide your own.

  1. Go to Blogger.com and Sign In to your account.
  2. Now choose your blog and navigate to Template > Edit HTML.
  3. Now find ]]></b:skin> and paste the below code right above it, and click on Save Template.

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

That’s it now just refresh your blog and your Navbar will be gone, totally hidden and vanished away.