May 27, 2012

How to hide the Blogger Navbar

1 comment
With all the changes to Blogger's template system, it seems no wonder that, no longer works effectively (particularly for newer template designs).

In case you were wondering, it is possible to hide the Blogger nav-bar (which displays a search box and useful links). The principle is simply need to add a few lines of CSS to our Blogger template code.

Here's how my updated technique to hide the Blogger nav-bar in a few simple steps:

  1. Go to Design>Edit HTML in your Blogger dashboard
  2. Using your browser's search function, locate the closing </b:skin> tag in your template's HTML markup.
  3. Immediately before this line, paste the following section of code:


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

Preview the changes to ensure everything looks the way it should, and then click "Save".

1 comment :