How To Remove/Hide Or Add Together A Peek A Boo Trial To Your Blogger Navbar

What is Blogger Navbar?

First fourth dimension nosotros practice a weblog at blogger.com, a bar volition demo upwardly at the rattling transcend of our weblog page. This bar is known equally Blogger Navbar (Blogger Navigation Bar) together with commonly appears yesteryear default at the transcend of every hosted Blogspot blog.

Blogger navbar functions include:

[B] (Blogger logo) - takes y'all dorsum to Blogger's homepage
Search Blog - y'all tin brand searches on the weblog together with results volition seem direct on the page.
Follow - y'all tin follow the weblog you're currently viewing (blog updates volition seem on your Blogger dashboard at Reading List - if you're non logged, you'll encounter a Share link, which allows y'all to percentage your favorite blogs on social networks similar Twitter, Facebook, Google buzz, together with Google Reader)
Report abuse - y'all tin study a weblog if y'all consider its content objectionable (e.g., pornography)
NextBlog - takes y'all to a random, recently-updated Blogger blog.
email address@ - If y'all are logged into your account, you'll encounter your ain address here. Other viewers volition encounter their ain e-mail addresses, or none at all if they aren't logged in.
Post - Direct link to the post editor
Design - this link takes y'all to Page Elements, where y'all tin add together gadgets/widgets for your blog
Sign In/Out - This displays the appropriate option depending on whether you're logged inwards or not.

Blogger navbar is available inwards several colors, together with it is configured inwards the "Template" tab inwards Blogger's interface.
It tin live on useful but the exclusively existent disadvantage is visual. If y'all receive got customized design, Navbar commonly merely doesn't check in.

This tutorial volition demo y'all how to take away it or add together a peek-a-boo effect.

Removing/Hiding the Blogger Navbar

a bar volition demo upwardly at the rattling transcend of our weblog page How to remove/hide or add together a Peek Influenza A virus subtype H5N1 Boo Effect to your Blogger Navbar

Step 1. Log into your Blogger account, thence larn to "Template" together with striking the "Edit HTML" button:

Step 2. Click anywhere within the code expanse together with notice using CTRL + F keys, the next tag:

]]></b:skin>

Step 3. Just higher upwardly this tag, glue this CSS code:

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

Step 4. Click the "Save Template" push to relieve the changes.

There's some other agency of showing the Navbar. It is called "Peek-A-Boo Blogger Navbar" because the navbar volition exclusively seem when y'all hover merely about the transcend area. To encounter it inwards action, delight see this demo blog

Add a Peek-a-Boo Effect to Blogger/Blogspot Navbar

Step 1. Login to your Blogger delineate of piece of employment organization human relationship together with larn to 'Template', thence press the "Edit HTML" button.

Step 2. Search for the next tag: