Steps for Hiding / Disabling Blogger's Topmost Horizontal Bar (NavBar)

Blogger's NavBar is the topmost horizontal bar that let you search, sign-in, etc. Hiding it may look professional but a lot of blogger seem to like it there better. So these are the easy steps for Hiding / Disabling Blogger's Topmost Horizontal Bar (NavBar):

1. Go to Template and choose Customize.

2. Select Advance and scroll down until you see the Add CSS.

3. Select Add CSS and add the following codes.

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

4. Then click Apply to Blog button.

How to Disable / Hide Blogger's Status Message Bar

What is Blogger's Status Message Bar?

If you're using labels as navigation, you probably noticed the "status message bar" as shown below .

Following simple steps will disable or hide Blogger's status Message Bar:

1. Go to Template and choose Customize.

2. Select Advance and scroll down until you see the Add CSS.

3. Select Add CSS and add the following codes.

.status-msg-wrap {
    display:none;
}

4. Then click Apply to Blog button.

How to add Blogger Horizontal Navigation Bar

Navigation is the best way to put direction to readers and many people don't know how to put on their Blogger. Here are the simple steps to follow, lets get started.


1. Go to Pages.






2. Choose Blank Page or Web Address, and add as much as you like.

3. After adding Blank page or Web address, press Publish.

4. Then select Show page as Top Tabs

5. You can arrange your navigation by simply dragging up or down and hit Save arrangement