LjOCH Blog ™: How to hide, remove or disable and restore Blogger navbar Blogger Widgets

LjOCH Blog™ Headlines

LjOCH Blog™

Sunday, March 11, 2012

Stain3d by De' LjOCH | 1 scribbLe(s)

How to hide, remove or disable and restore Blogger navbar


Sorry for the long delay. I have not been able to update my blog frequently anymore as I have lots and lots and lots of freaking school stuffs to take care of. (You will DO know what I am talking about IF you keep up-to-date to this blog. So be sure to come back for more updates^^) Anyway, so here I am again posting great stuffs on my great blog for my GREAT audiences like YOU~ XD Muakssss.....

OK! During those few days of delays, I discovered an interesting knowledge specially for all bloggers on Blogspot from a website (not discovery channel FYI) that we, bloggers DO can remove our irritating navigation bar from our blog page so that that navbar will not spoil our whole blog's image. BUT.... the bad news is..... [drumroll.....]
the navbar isn't removed permanently but when we hover our mouse over the top, the navbar will reappear again. XD WOW! Amazing, isn't it?

Blogger Navbar

FOR MORE INFORMATION, please do not hesitate to try it out on my blog. HOW? You see, when you first log into this page, you will notice that my Navbar is missing!!! (as shown in the picture below)


BUT if you move your mouse to the top of the page, the navbar reappear again, MAGIC!!! XD

Ha! Now your mind is filled with question marks. Don't worry. LjOCH is here to the rescue! The following steps should get you started on a journey without "navbar" to guide you......

Step 1) Go to your blog's homepage. Click on 'DESIGN'........


Step 2) After clicking 'DESIGN', you will be directed to this page as shown below.
**Please back up your precious blog's template before you follow these steps to prevent any loss.
Then, click on 'TEMPLATE' --------> 'Edit HTML'. (keep scrolling......)


Step 3) Click on 'Expand Widget Templates', press Ctrl F and look for 'BODY{'
Copy and paste the codes below after 'BODY{'

#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;}


Step 4) Preview your blog to see if it works. Lastly, click 'Save template' and TAAADDAAAA.....
CONGRATS, you have successfully removed your blog's navbar! Have fun with your new blog^^ FYI, if you want to remove this function from your blog, just remove the code above. DONE!


Interesting knowledge you have gained today? Then, SHARE this out with all your friends through Facebook, Twitter, or any sorts of ways or maybe even share this by showing your friends. ALWAYS remember that "Sharing is Caring".

P/S: This tutorial is only for bloggers on Blogspot. :'(     But if this doesn't work for your blogspot, please post your doubts into the comment box below. TQ^^  God bless~

Do you like this post? Please link back to this article by copying one of the codes below. URL: HTML link code: BB (forum) link code:

Subscribe To Get FREE Tutorials!

1 comment:

  1. that's a great one, i wanted to hide my navbar last time, until now i've got used to its existence dy :P

    ReplyDelete

Visited by OVER 100 countries around the world everyday! (and counting...)

free counters

Subscribe for FREE updates
Thank you for visiting LjOCH Blog. Receive the latest posts for FREE by subscribing to LjOCH's RSS feed or email updates NOW!

Categories

123greetings 1st-aider 2012 3D movie A Joke A Post accident AirAsia all the best Alvin and the Chipmunks angry Arthur Christmas Atheist bible bird's nest birthday bless BM boring brother Buddhist Burger King Business Jokes carol charity Charlie Brown Chinese Chinese New Year Christian Christmas Christmas parade clothings CNY competition Contemporary Art Exhibition countdown December decoration Deepavali Diwali diyas Dr Jekyll and Mr Hyde drinks Elderly Jokes English exam facebook family farewell FireFly Airlines fireworks food freedom friends fun Geography give thanks good luck goodbye Google Google doodle google+ grasshopper group guitarist happiness Happy Deepavali Happy Feet Happy Holiday Happy Thanksgiving health herbs and spices Hindu History holiday hui jia de you huo Idiot Jokes internet ISCF Jesus Christ jingle bell joy KH Kubah National Park Kuching Ladies Jokes Let It Snow Google life Little Johnny Jokes Logos Hope love Lovely Day Malaysia Malaysia Airlines Maths MiaoNwafuPafu Microsoft Office Ministry of Education mishaps movie Muslim navbar NEW new year NTV7 parents peace peacock pepper Philippians4:13 Philippians4:6 photography pianist Pig PLKN PMR PMR result slip Police Jokes pray prayer present public holiday Puss in Boots reading reference books reindeer resolutions revenge Romans8:28 sad sago biscuit santa claus Sarawak School reopen Science share shark fin Shark Night Shine4Christ sick SinPiao sister Smurfs snowman songs sorry SPM St John Ambulance St. Thomas storybook T-shirt Tebaloi textbooks thanksful thansgiving The Prodigal Son The Spring travelling tricks Tun Jugah turkey updates UPSR water wealth welcome Wesak Whopper wikipedia winner year of the dragon

CLICK HERE!