Monday, January 19, 2009

Blogger Tip - Adding a Menu Bar

As a business owner, wife and mother to 2, I don't have much free time but when I do, it's usually spent on the computer learning new things. One of those new things that I had recently learned was blog design. For awhile I had been doing it for free and one question I would frequently get asked when beginning a design was "Can you add a menu bar to my blog?". My answer, "yes".

Since I am no longer doing blog design, I want to share this little tutorial on how to add a menu bar (and a few additional widgets - or gadgets they're now called) to your Blogger layout. If you want your layout to look like the image below (circled items are the ones that will be added to your existing layout), follow these easy steps.

Login into your Blogger account.

Click on the Layout tab.

Click on Edit HTML

Press Ctrl+F to open up the "Find" box

Type showaddelement (all one word)


You will see something like this:

Everywhere that it says 'no', you are going to change to 'yes'.


**ONLY WHERE IT FOLLOWS showaddelement. There should be about 3 places that you are going to change it from 'no' to 'yes'. You will probably have to scroll down a tiny bit to change all of them.


Click Save Template

You are done! You are now able to add a widget above your blog posts, under your blog heading (or above it).

If you benefited from this tutorial, just leave me a comment. :)

34 comments:

Unknown said...

I've given your blog an award, stop by and grab it when you get a chance. http://nanjodogz.blogspot.com/2009/01/lemonade-award-thank-you.html

Denise Grover Swank said...

Thanks for the tip! While I had my blog designed, I'm always retweeking it myself. I'll keep this one in mind!

Dropping by from SITS

penguinsandladybugs said...

Hi! You stopped by my blog and commented on WW and Beth Moore, so I had to come check you out! First off....thanks for stopping by....I have 5 blogs of yours to check out before I leave, huh ;-) I do love the tip, but I have trouble following directions like this. When I changed my blog header, she had to sign in and do it for me. But, I am saving this tip so I can really read it and maybe give it a try. Blogging is something I am learning as I go along....just jumped in and made lots of mistakes. I appreciate folks like you willing to share from your experience!

Heather said...

YAY!! Finally, a how-to! Now if only I could figure out how to get left hand links, too! :-)

www.AForestFrolic.typepad.com said...

Oh yay...I am trying to learn blog design myself! I want to take a CSD class or get a book to try & learn...any tips! I've been wanting to add a bar across the top of my blog so it's easierbto navigate...is that what you mean by 'menu' bar? You can tell I'm just learning, hehe! Thanks fir your tutorial :-)

Amanda said...

Awesome tip! I have started a blog just about blog designs, showcasing various designers. Anyway, I am going to add that tip and link back to your site, if that is okay.

Amanda said...

Whoops! I guess I should leave the blog address in case you want to preview it before giving the okay. www.beautifulblogdesigns.blogspot.com

Sarah J. said...

I have always wanted to do that! Thanks for that! I will have to try it next time I feel like doodling with my blog again...

The Savvy Mama said...

Thanks for stopping by and for the handy tip too! :)

Only Free Stuff Here said...

That's Awesome! Thank you so much for posting!

Sandra Dee said...

Wow! That was so incredibly easy! I've been trying to figure that out for weeks! Thank you SO much!!

Julie said...

oh wow, i have to run, but first thing when i get home, i'm going to re-read this and hopefully apply! 'o)
Thank you kindly!
Julie G

Kristina at The Purple Pea said...

Wow thanks for the great tip! I'm always trying to figure out how to use Blogger

Jennifer said...

Great tip. I've been wondering how to do that. So.... how do you had the extra column on the right????

(By way of Tip Junkie)

Sarah Holland said...

Which widget do you add to have the menu bar?

Amy said...

Thank you so much for showing me how to do that. I can now add widgets, but I still don't know how to add a menu bar with links and what not. Do you think you could help me with that?

Anonymous said...

Great tip. Thanks!

Unknown said...

Thanks a ton. I always wondered about that.

Emilee Grace Co. said...

To Sarah Holland - The widget you should use is Add HTML. You will need to create the actual buttons in a photo editing program of some kind - I use Paint Shop Pro. Then you would upload them to a site like photobucket.com to get the html code. Does that make sense?

Jessica said...

thanks for this =)

Unknown said...

Thank you so much! That was so easy to understand that even I had no problems!

Now if I could figure out how to do a menu bar!

Glenda said...

great tutorial...I wish someone would give directions for making slideshow, I guess that's what it is called, like you have at top right of you blog advertising Emilee Grace Co. Tried several times with no luck.
nadeaug@wildblue.net

Billy and Stephanie said...

That's great thanks but how do you get 3 colums on your blog....email me at stephledbetter25@yahoo.com

thank you

Kim said...

Hi Emilee I saw your tip on Tip Junkie and wanted to thank you so very much for the tutorial! You ROCK!
Hugs~ Kim

Sheene said...

thanks for sharing1 ive been wondering how to do that for a long time now.. :)

xxx
sheene

Alyssa said...

So easy! Thanks for the tip.

Alyssa

talleyfam.blogspot.com

Its So Very Cheri said...

Thank you so much. I just took notes an dI will work on this. I have been searching for about 6 weeks and one of my followers told me about you. I am also a Christian and love to help other gals out. Will this work if you want to add a button down one of my panels ? For instance if I wanted to have a button that said projects, where people could click that button and then go to a list.

Also, I have a 3 panel design that I did myself but I would like to have my main blog to the far left and the 2 small side panels both on the right-how would I do this?

The third thing I would like to do-whenever I get advertisers-is have a panel like Kimba at A Soft Place to land has at the top of her blog and then her two panels are under that.

You can contact me at my personal e-mail
Cheri.Peoples@live.com
and if you want to look at my personal blog it is: http://itssoverycheri.blogspot.com

stickers4u said...

Thank you so much. Really appreciate! :D

Saranga Rathnayake said...

You can make your own one very easily,
Add Menu Bar To Blogger Blog

Unknown said...

Thanks so much!

Anonymous said...

Thanks it is very helpful to us.

Thanks and best regards
http://ccna-ccnp-ccsp-ccvp-ccie.blogspot.com

bkankur said...

Really Appreciated..God Bless you !!

CBSEKEY said...

Latest bookmarking site

http://seotraininginstitutencr.co.in/Latest-Bookmarking-Sites-List

Sweet Posy Dreams said...

Hmmm. I changed the no's to yes's but I still don't get how to create a menu bar.