--> Remove Blogger Navigation Bar | Experience Lab - Online business creation and development guide for bloggers and startups

Remove Blogger Navigation Bar

Removing blogger navigation bar is as easy as drinking a cup of tea! Below I have shared a pretty easy way of getting rid of that annoying ...

blogger-navbar,-blogger-nav Removing blogger navigation bar is as easy as drinking a cup of tea! Below I have shared a pretty easy way of getting rid of that annoying nav-bar. The blogger navbar is a default feature that appears at the top of every blogger hosted blog. There are many reasons why you should remove the blogger navbar, some of which are mentioned below,

  1. It makes your blog look less professional
  2. You can be flagged by anyone!
  3. It allows your readers to view other member blogs by clicking the “Next Blog” button, which may contain objectionable content like adult explicit content!

Now you would agree with me, why I called it annoying. Before you may remove or hide blogger navigation bar please ensure that you have made a backup of your template.

BACKUP YOUR BLOGGER TEMPLATE

As we are adding code directly to the Blogger template for this customization, it is necessary to make a back-up of the existing template code. If suppose you get an error while customizing your template or you delete or break a code accidently, you will be able to easily restore your template.

To make a back-up of your Blogger template, go to Layout>Edit HTML in your Blogger dashboard, and look for the “Download full template” link near the top of the page.

Clicking on this link will prompt you to save your existing template to your computer hard drive. Save it somewhere so that you could find it easily while restoring your template.

REMOVING BLOGGER NAVBAR

Simply do the following,

  1. Go to layout > Edit HTML in your blogger dashboard
  2. Copy the code below, [Press “Ctrl + C” to copy & “Ctrl + V” to paste a code]

 

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

    3.   Press Ctrl+F and search for Variable definitions

    3.   Paste the above code just before/above Variable definitions

remove-nav-bar

    4.    Save your template and enjoy the new look of your pro blog :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Remove Blogger Navigation Bar
Remove Blogger Navigation Bar
http://lh5.ggpht.com/_7wsQzULWIwo/ScgNSenXO7I/AAAAAAAAA3I/yB3Z6XuWWGI/bloggernavbarbloggernav10_thumb1.gif?imgmax=800
http://lh5.ggpht.com/_7wsQzULWIwo/ScgNSenXO7I/AAAAAAAAA3I/yB3Z6XuWWGI/s72-c/bloggernavbarbloggernav10_thumb1.gif?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2009/03/remove-blogger-navigation-bar.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2009/03/remove-blogger-navigation-bar.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy