Remove navigation bar from blogspot

An easy tutorial with images to guide you to remove navigation bar from blogspot blog to make your page more presentable to readers. The navigation bar may seem to be helpful for easy scrolling to the admin page but when someone visits your blog, it takes up the important header space which loads your blog below the normal area.

 

 

Do you want to get rid of the navigation bar at the top of your blog? Does it annoy you and make your blog

look like just another blogspot powered blog? Well there is a very easy way to removing it from your blog!

 

 

• Go to Dashboard, Design and click Edit HTML
• Check the Expand widget templates box
• Press Ctrl+F, a search box will open and the top right of the page
• Write the code below and search
  ]]>

 

 

• Now add the following line below just above the code

 

 

 

• Save template and enjoy your blog without navigation bar taking up the top space!

 

Are you on Pinterest?

 

You will love the Blog Tips I share on my Board Tips- Blogging. I keep updating it from time to time!

 

 

You will also like:

 

How to add watermarks to your photos automatically?

Add automatic watermarks to photos

 

How to make Collages on Picmonkey?

Picmonkey Picture Editor

 

Looking for more great tips on various topics?

Check out the category TIPS!

 

4 responses to “Remove navigation bar from blogspot”

1. Farah Muzaffar says:

   at 11:28 am

   Informative post Hani
   http://craftaworld.blogspot.com/
   Love
   Farah

   Reply
2. Jen says:

   at 2:31 pm

   Awesome! I've wanted to do that for a while. Thanks for posting that Hani.
   Jen @ Crafting in the Corners

   Reply
3. Kelly says:

   at 12:30 am

   Thank you for the post! I fixed mine 🙂
   http://runwithglitter.blogspot.com/

   Reply
4. Lee says:

   at 8:43 am

   I love it! It was very easy Hani! Thanks soooooo much!
   http://travellerscatalogue.blogspot.com/

   Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.