Software, Technology

Fixing the Blogger Navigation Bar

Following my minor rant about the Blogger NavBar and why its such a stylistic and artistic bad idea, here’s how I dealt with it.

Most of the Blogger Templates use iframes to load the NavBar, styled with a CSS block ID named navbar-iframe. So we can use standard CSS formatting to move, hide or otherwise layout the NavBar as we wish.

Sign in to Blogger Dashboard, then select Layout.

Under the Layout tab, click on Edit HTML.

Search for the following line of code:

]]>

Above this line, add the following style sheet code:
#navbar-iframe { display: none !important; }
This turns off the embedded page element with maximum browser compatibility.

Select the SAVE TEMPLATE button at the bottom of the edit page to apply the change.

You may need to adjust the spacing in your template if the navigation bar leaves behind a gap. To remove the gap, find the CSS block for page body:
body {
Add the following CSS code into the body tag:
Select SAVE TEMPLATE button to apply the change. RC

About Robin Catling

Writer; performer; project manager; sports coach; all-round eccentric.

Discussion

No comments yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Twitter Updates

Follow us on Twitter @EverythingExpre

Find Us on Facebook

Enter your email address to follow this blog and receive notifications of new posts by email.

Categories

Library

BBC World News

BBC World News
Opens the BBC World News page.
%d bloggers like this: