Saturday, September 26, 2009

How To Remove The Blogger Navbar Or Top menubar

The blogger navbar is standard on all blogger templates.

remove blogger navbar

Some don't mind it personally i don't like it.

Removing it is easier than you might think.

In fact i have it down to three easy steps for you.

Remove Blogger Navbar

1.Click 'Layout'->'Edit Html'
Blogger layout

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
URL: www.stopdesign.com
Date: 26 Feb 2004
----------------------------------------------- */

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



/* Variable definitions
====================



Before we finish : If you need more help or have an opinion or suggestion Please leave a comment Below.
To help you this is a Do-Follow Blog leaving a comment will also help your blogs Google rank.
OK Back to business ....

Click Save template and your done check out your navbar-less blog.

If you dont 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 Theachers 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="http://www.blogger.com" target="_blank">Blogger</a>
Now you can click this to get to your dashboard.

You can also adda 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.

Thats it, have you made the change ?

Did You Like This Post ? Click Like Below To Let Us And Your Friends Know - Thanks !





Jump To Comments

Subscribe To The Rss Feed Or Recieve The Latest Posts By Email

Get The Latest Full Posts By Email - It's Free
Write About Or Link To This Post On Your Blog - Easy Links :
Link Directly To This Post :

Link To The Homepage :
Hey ! People That Read This Post Also Loved These Posts
Still Looking For Something ?
Search This Blog
Custom Search
Important Must Read Before Posting A Comment

In order to keep our comments Do-Follow we have some guidelines you need to follow.
Do not put links in the body of your comment as it will automatically be blocked !
Asking a question ? Make sure to tick the subscribe to comments by email box to be alerted of the reply.
blog comments powered by Disqus
 

Some Money Makers For Your Blog

1. Info Barrel Paid To Write, if you can write a blog you can write for I.B.

1. Xomba Paid To Write, Another great paid to write articles website

3. Chitika Ads For Your Blog, work well alongside AdSense

Thanks For Calling

free counters

Five From The Archive

Who Writes This Stuff ?

Hi Im Paul Crowe,

The Author Of Spice Up Your Blog To Get More Info About Me View My Full About Me Page.

Drop Down Archive

Admin Links