Navigation Bar

Here's the scoop on easy HTML tips, SEO (search engine optimization), Blogger help and all news on technical features and softwares!
Today's topic: hiding the navigation bar:)

First thing, you have to be logged in to your blog's dashboard and go under the Design(or Layout for older versions) box and hit the Edit HTML box like so:
Then make sure you save your template HTML before messing with anything.
Now that we're having our backups on the HTML we can move on with hiding the navigation bar. Next thing to do is copy the next code into a notepad:

Like SO:
Then go into your HTML and find the tag "body {" like so:
And paste the code you saved earlier right above the "body {" tag like so :
Then preview what you did and if everything worked properly and the HTML is not broken by any unclosed tags or whatever then you can hit the save template button. And that's it folks! You have a navigation bar that is hidden unless you roll over it and then it shows:) Tricky huh? and so cool:) Anywho i hope you enjoyed Technical Support this week. Check in for something new each week!:)


48 comments:

Unknown said...

thanks for following... I am returning the favor. Cute Blog! I love the polka dots

zh3en22 said...

Thanks for droppin by, yeah, i chose to have hat navigation bar, im still a newbie and i want it that way for easy sign in process, thanks anyway, i am now following you, follow me back

♥Yaya's Mommy ♥ said...

Hi I am Following you too. Thank you for following me on Follow Me Back Tuesday.Have a wonderful day.

Best wishes, Cindi
http://littleyayasandblessed.blogspot.com/

p.s Great tutorial. :)

Holly said...

Thanks for the follow with FMBT!! I think I have my button working now. LOL! I'll have to study your post to figure out what other magic can be done... Might have to wait till I'm done with an edit project, though... I get SO distracted... =D THANKS!!

My Gorgeous Pink Cheeks said...

Thanks for this tutorial :) Followed your blog too. Hope you can follow me back :)

http://mygorgeouspinkcheeks.blogspot.com/

The Leader said...

I'm your newest follower. Please follow me back at www.jessielynnsmith.com

Thanks!
Jess

Turning the Clock Back said...

Found you through Trailing Tuesdays. Now your newest follower! Hope you can come follow back...I've got some great ecofriendly giveaways, coupons, and freebies to check out! Have a great week!

Diane
www.turning-the-clock-back.blogspot.com

Amy Walker said...

Great tip! Thanks for the follow! Already following you!
Am @www.thecheapandchoosy.blogspot.com

Tonia Lee Smith said...

Thanks for the tip. I'll have to remember this when I get ready for my blogover, also I found you via FMBT, stop by to see me sometime.

josie said...

thanks for following, here to follow you back, very nice info. blogger is easier to edit, but since I've changed platform I'm still trying to learn how to manipulate codes on WP.

Shanna said...

I am your newest follower! =]
Hope you have a terrific Tuesday, and I look forward to reading more of your blog.
~Shanna
http://mommyofoneandcounting.blogspot.com/

Anonymous said...

Okay! This was meaningful help. Thanks.

Haupi
http://hauplight.blogspot.com/

Anonymous said...

Thanks for stopping by the site and for the lovely comment about my banner!

Good technical post also, following back and see ya next week for FMBT!


www.earlsdaughter.com

Anonymous said...

Hi there! Returning your follow & sending you a huge thank you for linking up with us this week!

Unknown said...

I'm a new follower from Follow Me Back Tuesday.
I hope you'll come check me out at PS Mom Reviews and follow me too!
I have fun giveaways going on now, including one for an $80 GC to CSNstores.com!

kyooty said...

And yet they keep changing stuffs, today was a bit of banging head on desk work to get pictures to load.

JoJo said...

Great tips!

Cameron said...

I'm a new follower from FMBT! I'm looking forward to reading more of your posts!

http://www.ingenuemom.com

MommyJessica said...

Thanks for stopping my Jessica Loves to Save Money! (www.jessicaloveostosavemoney.com) I am your newest follower!

This post is VERY helpful, but I am having trouble C&P the code- I don't want to retype it because I know simple errors in HTML can mean BIG Blog problems. If you get a minute can you please drop me an email: jessica at jessicalovestosavemoney.com - I think I can get it, but I need to be able to C&P the code :-)

Deanna said...

thanks for the tip and for stopping by my blog. following right back at ya
xoxoxo

Julee said...

New follower. I'd love to know how you put the hyper link in comments. That's just too cool!
http://jonbonjovious.blogspot.com

Citra said...

Thanks for stopping by & thank you for the tips. I've made by nav bar hidden
Btw, (it's just my opinion) it's better if you put the code in a textarea box, so we can copy & paste it easier

I follow you back :)

Traci66 said...

Following you back from WW. I am a newbie and really don't know anything about HTML so I guess I'll keep the navagation bar.

knickknacks said...

Nice site you have here! Thanks for the tip! :)

Anonymous said...

I'm a Welcome Wednesday follower.http://moogieland.blogspot.com/

Sharon Cohen said...

I just hopped in from the Welcome Wednesday Blog Hop. I'm really new at this and I have so many questions. But, considering your topic for today - Why would I want to hide the Navigation Bar? I am "so following" this blog. But I feel like a kindergartner auditing a college course!

I have a greeting card shop for wives on Zazzle that you might want to browse from my blog. Please accept my invitation to follow me back at http://bythesefruits.blogspot.com

Sey said...

thanks for sharing this tutorial with everyone. this is really helpful

following you back from Welcome Wednesday :) Thanks for following my blog

HBrummett said...

CONGRATS! I am a new follower. I like your blog! I hope you will come visit my blog www.livingonloveandcents.blogspot.com and check out the giveaways while you are there! I look forward to reading more from your blog. Have a great day! Heather

Kelsey said...

Following you back via Welcome Wed, thanks for visiting my blog and for the great tips on yours!!!KElsey

Steph @ Professors_Wife said...

Wow - thanks for the tip! I'll definitely get around to doing that. And of course, I'm followin' ya back! :) Thanks for stopping by!

Vanessa said...

Thanks for the follow :) I work writing SEO and website content all day so I'll certainly have to follow for more tips.

Unknown said...

Thanks for the follow. I am following you back. You have great tips. Would you like to do a guest post on my blog about one of your tips? Let me know!

Lydia
lydbruno(at)gmail(dot)com

www.ontheverge6.blogspot.com

Anonymous said...

What a great blog! I'm following you from Welcome Wednesday and I hope you can check out my blog(s) and follow back as well!

xoxo,

http://whatshernameslittlesecrets.blogspot.com/

http://thedetroitserenade.blogspot.com/

love jenny xoxo said...

Very cute blog - I'm a new follower. Feel free to check out mine: http://lovejennyxoxo.blogspot.com/

XOXO

Julee said...

Thanks for the follow! Julee @Mommy's Memorandum

Diane said...

Thanks so much for the info on the nav bar. I never even thought of that until you pointed it out. Now I have it hidden thanks to your inst.

Thanks for following my blog and I am now your newest follower as well Ü

Hollywood Glamorous said...

Thanks following, I have been following your blog now due to needing those design tips! Or as many as I can gain.

In regards to the navigation bar, I do know that it can be hidden and thank you for sharing such an easy way for others to hide the bar.

I have actually opted to have the navigation bar displayed, I'm a bit new (six weeks into this) and I use it far to often. I'm a creature of habit and have been trying to remember to link to the book mark for navigation. That's just not going too well lol!

Hollywood Chic
Amanda

Kim said...

First, I love your new look! Second, I love all of the tech support I am learning new thing every week! Thrird, here is the link http://www.etsy.com/shop/szeigler?section_id=5602565 to the shop where I got Alyssa's outfit. I wish i could sew like that! Have a great weekend!

Jessica said...

I'm having a similar problem, I can't copy your code that I'm supposed to put into my HTML code to hide the NV bar.

Would you mind emailing it directly to me so I can copy and paste it?

surrender2survive@yahoo.com

Thanks so much!! I'm learning lots from you!

Anna Blanch said...

You are a gem! I mean seriously - i love how easy it was. I've played around with my code a few times but your tutorial was uber easy to follow! thankyou lovely lady! you've made SITS a great day!

Courtney said...

I was just talking about that today! I dont like having it up there ..thanks for the way easy tutorial! Now, if i can figure out how to get rid of the Blogger B on the tab!

Emma B. said...

LOVE your blog - thanks for all the design tips! I'm going to attempt to declutter my blog now!

Unknown said...

Thank you! I'm using it now!

Amiko

Melanie said...

I'm new to blogging and appreciate the hints and help!

Nenny said...

Hi, thanx for tips on hiding the blogger tab. Now my blog is a lot cleaner :)

Heather (The Menu Mama) said...

Yay, it worked! Thank you!!!

Denise said...

Wow!! Soo cool! Just did it...Love the look of my blog now!! Can't wait to go through a bunch more uncluttering tips (hopefully this weekend).

Thanks for stopping by my blog! I'm now a follower. :)

You have A LOT of GREAT stuff here!!! I will be quite busy, but I'm SO appreciative of all your work here that helps bloggers!!

THANKS AGAIN!!!

Denise @ Creative Kitchen

Lynda said...

Another great tip and it worked for me! I know I have posted this a few times now, but I love your blog and all of your great tips etc. So helpful and easy, I don't know anything about html codes, etc. and everything I have tried has worked. Thanks again!