11.17.2011

Blog Tutorial #1: How to Remove the Blogger Navigation Bar

If you host your blog through Blogger (www.blogspot.com), than you have noticed the navigation bar that goes across the top of your site. The bar has some features that make it easier for you when visiting other blogs. Many bloggers believe that it can be distracting and look unprofessional on some sites. Some even want to optimize the space at the top of their site for the header or an ad, so they choose to remove the bar. There is not an option offered through Blogger to remove the bar. In fact, the only options you have are the limited number of colors you can change it to. There is, however, a simple solution for removing the bar yourself. Even if you are not familiar with your blog's HTML code. Now that Blogger has an option to enter CSS, the process is as simple as copying and pasting a code (without having to read through hundreds of lines of text you don't understand) and hitting 'Save'. 


1. Go to your dashboard in Blogger. Then, go to the 'Template Designer' tab.



*Note: If you are not able to read the text in these images, click on the images to enlarge them.



2. When you are in 'Template Designer' mode, go to the 'Add CSS' tab.




3. When you open the CSS window, paste in the following code:


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



So, it should look like this:



After you paste the code, hit the 'Enter" key on your keyboard and click 'Apply to Blog'. Then you are done! Super easy! When you go look at your blog, the navigation bar should be gone.


~xoxo~


5 comments:

  1. Hi! New follower from Measuring Flower. Have a great day! :-D

    ReplyDelete
  2. Thanks for this. Visiting from blog hop. I have two blogs: www.debras-daily-dialogue.com and www.thearchiestd.com

    ReplyDelete
  3. Hi there, I am your newest follower via GFC stopping by from Couponing From Florida to Michigan. I would love a follow back.

    http://couponingfromfl2mi.blogspot.com

    Happy Thanksgiving!

    ReplyDelete
  4. Hi, I visited your blog and liked what I seen, so I am now your newest follower, check out my new review...SMASHBOX! Holiday makeover!!!
    I also am the author of new blog on Google, visit mine at
    http://whenitsonlymakebelieve.blogspot.com/ I would be grateful if you follow me
    back. Have a BLESSED day! and HAPPY HOLIDAY'S...Helen

    ReplyDelete
  5. Hi! Following you from a blog hop!:0)
    Hope you visit me and return the follow!

    Btw if you like please join the Treasure
    Trove Tribune! I think you will enjoy
    it!:0)

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...