Monday 9 July 2012

Remove/Hide Blogger Navbar and Footer


Introduction:
Ok, now we will consider a scenario that you've made your very own blog @ blogger.com, and have made it extremely dashing and beautiful with the template designer, and what you don't like is the navigation bar (most probably blue) at the top, with a blogger sign and some other options... The same happened with me when I started mine. I could not resist the fact that whosoever visits my blog sees the stupid navigation bar on top, and the "Powered by Blogger" footer at the end... If you think like me, then lets learn how to remove/hide these stupid items...
At this stage, we usually have two options... One to hide the bar and footer, and the other to completely remove them from our blog... Well, I prefer hiding it, as this will not go against the blogger rules, and its easier... If we choose to remove it, we might have to edit the entire HTML script of your blog. Therefore, lets continue with the easiest hiding one...!

Hiding the Navbar (Header)
Sign into blogger, and open template designer for your blog... Navigate to the "Advanced" Tab at the bottom of the main column. In the options you get as a result, navigate to the last one and click "Add CSS". In the text box which appears, add the following lines...

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

Hiding the Attribution (Footer)
Similarly, to hide the attribution footer, copy and paste the following lines just below the above text. If you dont want to hide the navbar, but want to hide the attribution, only paste these lines on the top of any other line...!

#Attribution1 {display: none;}display: none;}

Everything should look like this:

(Click to enlarge)

Now click on "Apply to Blog" on the top right, and refresh your entire blog... The navbar footer would now be gone... You can now manually add a footer, by going into layout, and adding a text widget at the bottom... In it your can write a copyright message, and viola, your blog now has a professional touch...!

I hope you understood much, and now your blog would look like a professional one, rather than a basic one. Don't worry about the search box in embedded in the blogger navbar. You can easily insert it, like I've done...!

Consider becoming a follower, or promoting my blog with the +1 button...!

2 comments:

  1. I found this very useful and great add-on for improving overall visual pleasure of Blogger. Thank you.

    ReplyDelete