11.20.2012

How To Add A Menu To Blogger Blogs Using Labels


I have had some questions asking me how to add a menu on my page using labels. In other words how do I get my menu buttons to bring up the posts that would be from a certain label such as tutorials or recipes? I recommend that you try this and any new thing out on your test blog first and when you have it down then try it on your actual blog.

  1. The first step is to open two tabs to the internet in your browser
  2. On one tab go to overview page and click on "layout" from list on left side of page.
  3. Click on "Add A Gadget"  Choose "Pages" gadget.  Click "Save"
  4. If you have already assigned labels to each post then this step can be skipped. On other tab in your browser go to overview page and click on "posts" from the list to the left side of your screen.  You will see any labels in orange to the right of your blog post title in blue. If no labels then click "edit" on each post one at a time and then click on "labels" in the right side of your screen.  Add labels that would describe the post divided by commas (ie. Recipes, Tutorials, etc)  This is kind of like adding # hash marks on other media. After typing the labels you want then click "done". This needs to be done on every post or at least every one that you want to have brought up when you click on "Recipes, or Tutorials, etc) from your menu. Click "Update"
  5. If you already have a label gadget on your blog then you can also skip steps 5 thru 7, Otherwise, Go to other tab in your browser that should be on your layout page.
  6. Next scroll down to sidebar and click on "Add a gadget" in little blue letters located in the top little box at the top of your sidebar space.  
  7. Click on the "Labels" gadget in the list of gadgets.  Make your choices from the options offered then click "Save".  This widget is needed for the next step.  You can leave it on your blog and move it to one of your other gadget boxes if you like or after we are done then you can delete the gadget all together. You should be on layout view now for this browser tab. 
  8. On other browser tab (where list of posts) click "View Blog"  Scroll down to where your labels are in your sidebar.  Click on the label that you want to create a page on such as "Blogger Tips" or "Recipes"  Copy the address from your browser by clicking on it and highlighting then click "Control and C" at the same time on your keyboard.
  9. Now flip back to your other browser tab. This should be your layout page.  Scroll down to box that has your pages gadget.  Click "edit" in blue letters located to right side of this pages gadget box.
  10. Click "Add External Link" in blue letters at top of list
  11. Type name you want page to be such as Blogger Tips or Recipes. Paste the link you copied into the link box. Click "Save Link" 
  12. Repeat steps 6 to 10 for every menu option that you want in your menu. A home page will be automatically created 
  13. Click the box to the left of each page in your list that you want to show in your menu.  The unchecked boxes will be hidden pages. I will tell you more about those at the end *.
  14. Now scroll down to List Order on that same page where you checked the boxes.  Drag and drop your pages into order you desire. Scroll to bottom of this list and click "Save".
  15. This is where you can delete the labels gadget if you don't want it on your blog.  Just scroll to where Labels gadget is.  Click "Edit" then click remove.
  16. Click "Save Arrangement"  Check on View this blog and make sure your new menu works.  If everything is correct then Voila!  You have done it!
* Hidden pages are useful for lots of things.  That is where I design my "Freebie" page information and have my about me page, contact page, Policies, etc.  These pages can be accessed by the public on your blog with a link and they can be accessed by you for design purposes from the overview page by clicking pages and then click on the page you want to design.  Just think of the possibilities!

Hope this helps some of you out.  Please feel free to ask any questions if you have them but please make sure to leave your email address so that I can contact you with the answer.  There are many of you who are "No Reply" Bloggers.  If you don't want your email address "out there" on the comments feel free to click contact me (yep it's hidden!)  and I will reply by email directly to you!

Until Next Time
Debbie
Pin It

17 comments:

GRACE PETERSON said...

Hi Debbie, Your blog is so pretty! Thank you for the tutorial. I should play around with this. I like the Latest Pins on your sidebar too. Have a fabulous Thanksgiving!

Jenn/PrettyinPosies said...

Beautiful Blog Debbie!

Thanks so much Debbie. You explained this so well, appreciate that! Great tutorial, need to get this done on my blog.

Movie Review World said...

Nice tutorial, thanks for help

Anonymous said...

I’m not that much of a online reader to be honest but your sites really
nice, keep it up! I'll go ahead and bookmark your site
to come back in the future. All the best

Here is my page - smoothies

Anonymous said...

I and also my friends happened to be taking note of the excellent items found on your web blog and then instantly developed an
awful suspicion I never expressed respect to the website owner for those tips.
The ladies became as a result happy to read all of them and have
in effect certainly been taking pleasure in them. Appreciation for simply
being well kind and also for settling on these kinds of
smart tips millions of individuals are really needing to learn about.
My personal sincere apologies for not saying thanks
to you earlier.

Also visit my web blog man

Write for Khmers said...

Lovely !

Ashish Sawant said...

Your Blog came on right time for me...
thanx for sharing this tips

Diane Turner said...

I would like to delete one of the pages now or at least have it hidden. How do I do that? Thanks so much Debbie.

Debra Howard said...

Diane Turner you asked, "I would like to delete one of the pages now or at least have it hidden. How do I do that? Thanks so much Debbie."

My answer:

1. Go to your blog desktop.

2. Click on layout from list in left column.

3. Click Edit on your pages gadget under your header(located in lower right corner of that gadget.

4. Uncheck any page you want hidden.

5. Click Orange save button at bottom of that page. Close out

6. Click Orange Save arrangement Button at top of Page in upper right top corner.

Osayi S N said...

I don't know if it's just me but I get lost from the sixth step. There are no "Pages" in the template page. The only place I find "pages" is just under "Posts" in the blog menu and even then, clicking "create new page" is almost like creating a new blog post with no box for links.
I may be wrong but I suspect it has to do with the blog menu changing a bit since 2012.
Please, put me through. I really want my blog to appear in such a way

Debra Howard said...

I will give it a look. There have been recent changes that could affect it too

regina tribaco said...

Hello Debbie,

Thanks for your tutorials. I am maintaining 4 blogs (my daily journal, my travels, recipes). Initially i have them in one blog when I started. But a sudden need of a post ( ie a recipe) had me make 4 blogs to separate my interests. Now I want them in one blog but separated in pages... how do i go about it?

Should I follow these steps:
1. Merge all four ( saw your tutorial on this).
2. Make pages based following this tutorial?

Pls help!

Debra Howard said...

Regina, what I would do is exactly what you suggested. The good news is that you will be sending the traffic from 4 blogs to one blog and that should increase your page views. You can redesign your blog to encompass all your interests. You get to rename your blog or take a name from one of your others. This is a good time to rebrand and design a new logo. It is a great time to buy a .com (if you haven't already). It is a lot of work but I promise it is worth it. In the end it is so much easier to just write one blog instead of 4. Be sure to start preparing your blog readers for the upcoming changes so it won't be a complete shock. If you need any help or get stuck...feel free to contact me again. My contact form will send your directly to me by email and we can correspond that way.

regina tribaco said...

Hello Debbie,

I just did the merge of 1 of 4 blogs (as a test) and I did just fine, thanks for the tutorial for that step. Btw, here's a tip for those doing the steps (merging and putting up pages), it is better to label the post before merging especially if the content of the page you will be doing is just the same (ex recipes) so you could proceed with doing the pages without sorting the posts (especially if you have a 500 posts or more).

Now I'm stuck with doing the page. Im now in between step 8 and 9... what do you with "link". Please help.

Debra Howard said...


if you will go to my main page and click contact me in the right sidebar. That will take you to a page where my email is or my contact form. That will give me a way to contact you directly. I will even be glad to talk to you by phone and help walk you through. I don't want to post my phone number or email here or could get tons of spam.

Debra Howard said...

Regina, I have updated this post to reflect the changes that Blogger has made to their platform. I have hopefully made the instructions a little bit more clear.

Debra Howard said...

Thank you to everyone who has left comments and asked questions. Especially to those of you who helped me realize there was some updating needed on my instructions. They have now been updated and should work much better with the updates on Blogger.