{Blogging Tip # 2 – How to Add a Menu Bar – Part ONE}

As a 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. šŸ™‚

Due to the amount of content that is used without permission and proper credit, I am no longer allowing a full RSS feed. I value each and every reader so I hope you will click through and come visit!


Similar Posts


  1. Is there a specifit widget for the menu links? How do you organize everything so when you click on the link, it shows your freebies, blog tips, etc.? Can you tell I’m totally blog-illiterate? šŸ™‚

  2. Once you follow these instruction, you will just add an HTML gadget in the space under the blog header. Are you familiar with any photo editing software like photoshop or paint shop pro or even paint.net? That is where you make the graphics (home, about, freebies, etc.)

  3. Thank you so much for sharing this. I’m in the process of updating my blog and this is something I wanted to add. I just want to make sure I’m understanding… so I need to find a html gadget where I’ll connect a graphic I create in photoshop? I’m new to blogging and know very little about html. I do have elements and I’ve been working on a new header, so I’d love to add this on too. Thanks for your help!

  4. Kady Bug Photography says:

    Thanks a lot for this tutorial!! It was a lot of help and VERY easy to follow!!

  5. OK, I think I need a little help too. Do I need to create a new page or something to link the cute graphic to? How do I do that? This is sort of like creating a website with different pages, right? The links go to separate pages? I didn’t see the instructions for creating the content that would be linked to the graphics. Thanks so much for your help!


  6. Pink Princess says:

    Hi I just found you and am going to TRY this too this weekend. Wanted something like this for a while. Just have to think on WHAT to link to, lol.

    Hugs from the Netherlands

  7. The Popes says:

    My “find box” is saying that the showaddelement text is not in my blog!


  8. Hmmm, i’m not sure what’s going on with your blog. I took a look myself and it was doing the same thing to me. šŸ™ I noticed that you had some custom fonts going on in your sidebars and blog post titles and I can only think that maybe that has something to do with it?? That is just a wild guess. šŸ™ Wish I could be more helpful!!

  9. This is a valuable tip, and you are awesome! I asked another blogger this question, and came the reply ‘I’m busy’. And here you are, giving tips on blogging and crafts, all of them useful!! Bless you!

  10. Gail Moore says:

    I never did see the words “Yes” and “No”.

  11. Oh my gosh, if I could reach through the computer I’d kiss you! I’m pretty decent when doing our blog, but I have been DYING to figure this one out! THANKS!!

  12. thank you soooooo much! i got rid of my website and was just going to go all blog because it’s free! woo! and i was wanting a menu bar! so for photography i want to put prices, home, what you get etc… how do i get my pages for those once you push the buttons? i am new to the changing your blog thing! thanks again!!!

  13. Check out Adding a Menu Bar – Part Two – it talks about how to link pages to your buttons. If you still need help, send me an email. šŸ™‚

  14. Kelli @ RTSM says:

    I just did part one it was SUPER easy! Hoping that part two is easy to follow also! Thanks so much for the great info!

  15. Thank you so much for taking the time to show everyone this step by step process, you are amazing! I have a quick question, I’ve recently noticed that even though my settings say show 15 posts on first page of blog, only like 4 are showing and you have to click older posts. It just recently happened after Easter weekend. Since you are so blog savy, I was hoping you knew how I could fix this. Thanks again!

  16. I am intrested in your help in designing a blog but can’t get my computer to let me email you. My adderess in genag307@yahoo.com. Can you shoot me an email?

  17. Farm Maven says:

    Bless you, Dear girl! It took this ole brain a while but I finally figured it out. Now to suss out how to add those cute little buttons to encase my links.
    SneakyMomma sent me by way of her blog – http://sneakymommablogdesign.blogspot.com/2009/01/downloading-your-template.html

    I know this post is ages old but saw where you’re taking 2010 summer off to spend on your husband and family. GOOD FOR YOU! You’re getting your priorities straight and God will bless you for it!

    BTW, my Farm Maven blog is my new blog to help farmers and small business owners increase their income. My farm blog is
    thistlecovefarm.blogspot.com; come for a visit sometime.

    Thanks again…and again…

  18. Thanks so much for this tip. I figured out how to add the gadget above my post section, but cannot figure out how to reconfigure my pages horizontally rather than vertically. Going to see if you have any other posts related.


  19. Sarah @ Different Dog says:

    To find the next part of the tutorial, click on Blogging Tips in the Labels section of the post.
    It will take you to all the tips! Very cool!

  20. I’ve looked for part 2 but am unable to find it. Can U help>

  21. Thanks for this post. I have a Mac and the ctl pluss F step does not work. A find box does not pop up and I don’t know how to find it otherwise… hmm. maybe I need to discover a different way to create a menu bar? Any ideas?

  22. that worked great! Thanks I was so afraid it would be hard!! I appreciate your help

  23. I’ve been trying to do this for a while and always got mixed instructions! Thanks for the helpful tips!

  24. Tick! Thanks so much. Now to work out how to make the actual Menu Bar… Off to the next part!

  25. thanks. but my menu isn’t as nice as i expected. why?

  26. Thank you so much! I have been looking for a way to do this. Continuing on to your next tip- Part 2! Thanks again.

  27. Thanks for this great tutorial! I do have a question, though. Even after following the directions, I still do not see a gadget for a menu above the blog title. DO you know what I may have done wrong?


  28. Thank you so much for this tutorial! I did have to tweak it a little and after seeing the comment above mine I thought I’d share.

    On the second “showaddelement” I had to also change the locked=’true’ to ‘locked=’false’.

    Yay, now I have a gadget above my header!

  29. This was perfect! Thank you SO much! I am new to blogging and am slowly learning html and all and this has helped. Thank you!

  30. Thank you so much for sharing…now I can put google translate on my site on the top right where everyone can see!

  31. Thank you so much! I got it to work, but can’t get my little icons to line up going straight across. Can you help?


  32. i did exactly what u said and nothing happened šŸ™

Leave a Reply

Your email address will not be published. Required fields are marked *