Pages

Tuesday, December 4, 2012

How to Remove / Delete the "Next Blog >>" Navigation Bar at the Top of Blogger

How to remove the navigation bar at the top of blog at Blogger.com? This was the first question came up to me when I setting up my first Blogspot blog. Some people like the Navbar, some don't. In case you'd like to remove it and looking for a solution, here's a simple fix for you.

You just need to add a few lines of custom CSS codes from the dashboard to hide the Navbar.

The CSS codes

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

To add the CSS code

To add the CSS codes, let's copy the above codes first, then from your blog dashboard, click on Template->Customize->Advance->Add CSS, paste the codes into the blank window, click on "Apply to Blog" to save the change.

If you'd like to see the screenshots for above procedure, please check me previous post:

How / Where to Add Custom CSS to Blogspot on Blogger.com

Once the codes been saved, go back to your blog and refresh the page to take a look, has the "Next Blog >>" Navigation Bar disappeared ?

Your Experience

How do you like the default Navigation Bar? What's your experience of removing the Navbar? Share your experience and insights in the comments box below.


No comments

Post a Comment