Learn How to Remove Blogger Top Navigation Bar

Blogger navbar ( Navigation Bar ) is by default present on the top of every blogspot blog. This navigation bar provides following features-

 

1. [B] Icon -> Takes you to Blogger.com
2. Search Blog -> Search within the currently displayed blog
3. Flag Blog -> Used to mark objectionable contents on blog
4. Share -> Allows you to share your blog contents to social networking sites
5. Next Blog -> Takes you to a random and recently-updated Blogger blog
6. [email address] -> Displays your email address in case you are logged-in
7. Dashboard -> A link to your Dashboard if you are logged-in.
8. Sign in/out -> Used to sign in/out from your Blogger account.

Sometimes you want to get rid of this navigation bar. Here in this post I will explain how you can remove/hide this Navbar. Following are the steps -

1. From Dashboard, go to Layout --> Edit HTML
2. Select Expand Widget Template checkbox
3. Search for "]]></b:skin>"
4. Copy and paste the following line just before "]]></b:skin>"

#navbar { display: none; }

or

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

Save the template and you are done. Open your Blog's URL in browser and you will not see the navigation bar anymore on top of your blog. If you want this navigation bar back, then simply remove this newly added line and it will appear again.

Note: This tips is only applicable to New Blogger Widgetized Template


Related Posts:

• Add Stylish Sharing is Sexy/Caring Social Bookmarking Widget in Blogger
• How to Embed MP3 File in Blogger Blog Post
• How to Add Tweet This Button to Blogger
• Make More Money with Infolinks Bye-bye Kontera

Sphere: Related Content