Remove Hide navbar from new blogger template :)

If you are like me, in search of a magic code that will remove or make the top navbar of the new blogger template invisible, it must be a lucky day for you as its been lucky day for me.

It was on my mind for a long time to get rid of that annoying navbar on the top of my blog, you wont find it anymore there so stop looking at the top, and today I was lucky to make it disappear.

I started by googling for the clue on 'how to remove the navbar from three column new blogger template ...

first landed on my all time favourite blog Amit's Labnol, http://labnol.blogspot.com/
here is the link to the article on labnol that gave me initial clue: http://labnol.blogspot.com/2005/12/disable-hide-blogger-navbar.html

It din't work for me, the reason, either I dont understand english or I was sleepy :).
I was not getiing the position in the template where I was supposed to insert the CSS code.

I googled for some more time and there it was clearly written on where exactly to insert the CSS in the blogger template. I found it on Ramain's blog in this article http://hackosphere.blogspot.com/2007/06/did-your-navbar-re-appear-suddenly.html

Would love to help you If you are stuck getting your navbar removed :)

To see where exactly I inserted the code to make it work, please click on the above image.