How to Remove a Blogger Toolbar

Blogger is the most popular blog hosting service out there, for good reason. While its main competitor, WordPress, provides more powerful software, Blogger's ease of use for beginners and casual bloggers remains unparalleled. But with ease of use and no cost comes certain restrictions--for one, all Blogger blogs come with a default toolbar (called the "navbar") that sits at the top of your blogs. Luckily, there is a quick fix that removes the toolbar, giving your blog a more personal and polished look.

Difficulty:

Easy

Instructions

Things You'll Need

• Blogger blog

Steps

1. Log in to your Blogger account and select the blog you wish to remove the toolbar from.

2. Select the "Layout" tab, followed by the "Edit HTML" subtab. A page should come up featuring an editable box full of programming code. Near the top of the box will be a section titled "Blogger Template Style" that lists information about the current template. Underneath this information will be a line made of dashes that ends with the characters "*/".

3. Add the following line of code directly underneath the bottom line of dashes:
   #navbar-iframe { height:0px; visibility:hidden; display:none; }

4. Click "Save Template," then "View Blog." The toolbar should now be removed. You may have to refresh the page in order for the change to go into effect.

Tips & Warnings

• If you use Blogger but publish your blog via FTP, Blogger gives you the option of turning the toolbar on or off. Select the "Template" tab, then the "Edit HTML" subtab. At the top of the page that loads should be a drop-down menu next to a "Change the Blogger Navbar" option. Simply set the drop-down menu to "Off."

References

• Google
• MyTimeZone