Monday, September 20, 2010

How To Add Tabs Under Your Header Tutorial

Attention Class....let's get settled in our seats....:-)

This is a step by step tutorial, with pictures, on how to add tabs under your header.  First you will read the step, then you will see a picture of that step.

Class is now in session.

Go to Dashboard
Click on Design (on the blog you want to add the tabs)
Your design or layout page will come up.  Click on the "Add A Gadget" button that is under your header (not the one on your sidebar)

A new screen will pop up.  Click on the "plus" mark next to "Pages"
The Configure Page List will pop up.  The only "page" that will be shown at this point is "home".

Click on "Save" at the bottom of that screen and the screen will close.  Your design or layout screen will be there.

Click on "Posting" at the top left of your layout screen.

Click on "Edit Pages" (not edit post).
Now click on "New Page".
You are now setting up a page.  For example, I titled this page "Tutorial".
At this point it is just like creating a blog post.  You add the copy and the photos you want and then click on "Publish Page" on the bottom left of the screen.
You will get a screen like the one below that says your page was published successfully.  You can now view or edit your page, just like you can a blog post.  When you are satisfied with your page, click "View Blog" and you will now see your new tab you created.  If you want to add more tabs....simply click on Edit Pages again and you can add another tab.

If you want to rearrange your tabs - by putting them in a different order, go back to your layout page and click on Edit on the pages gadget under your header.  See pic below.
When the new screen comes up, your tabs will be there.  You can drag and drop the page titles to move them in the order you want them.
Class is dismissed....:-)

disclaimer - I am not an expert on blogging or design.  These are just the steps I used to create my tabs.
Welcome Home,


  1. That's great Penny! whenever someone asks me how I did it, I'll send them over here!!!
    I could add a little tip here, that Blogger has some cool new templates, in the template designer - people ask me how to get the little curved tabs I have with my page headers - it's all within the template designer.

  2. This is great, Penny! I was wondering how to do that and now I can just follow your steps; thank you.


  3. Thank you! I'd noticed the option but haven't been in the mood to try to figure it out.

  4. Thanks Penny. Confused on how I get my post labeled so it shows in the recipe category but I'll try playing around with it. At least I have one Tab. Very good explanations.

  5. Thanks so much, Penny. I have been wanting to do this but didn't have the time to figure it out - you did it and it worked great!! Now I am off to add another page.

    Thanks again,

  6. Thank you, Penny! I have seen a few tutorials but I still could not figure it out. Your explanation is wonderful; I think I can do it now. I just have to figure out what I want in the tabs.

  7. Penny, great tutorial! I'm going to give this a try. I like the way it cleans up the post page. Thanks a million for the lesson. Well done, teach! ~ sarah

  8. I don't get what it says about the tab being limited to ten posts. Say I want a tab for Crockpot recipes on my recipe blog will it only link to ten posts? I am a bit confused.

  9. Very thorough tutorial with all the pics to follow along with...I know that lots of bloggers will appreciate it tons. I tried it for a while and then just wanted to see my header without any competition. Ha! (I didn't have neat stuff to put there like you do.)

  10. Thanks for the tutorial. I will have to give this a try, whenever I have time to work with it. Right now I am up to my ears in boxes and "stuff" everywhere. It feels like we just moved, since we just had our new carpet put in. Love & blessings from NC!

  11. Mosaic instruction to blog design... you are multi-talented!!!

  12. Thank you Penny. I would have never figured that out. You are so nice to share this with us.

    I'm bookmarking it so look at in depth later.
    Merci beaucoup,

  13. Good morning Penny, I am sorry I have missed some of your posts but I was on a buying trip with my sister again. We arrived home last Sun. night. Then I was ill all day yesterday. UGH! All is well today, thank heavens.

    Your tutorial is awesome. I wonder if I can do this. I am going to try because it is a great idea. Thank you for the hard work on the tutorial.

    L love the radishes you showed us, I haven't thought of a fall garden. I'm on it now! Smile.

    As for breakfast I am very boring. a slice of toast with a bit of peanut butter and a half of grapefruit or grapefruit juice when I can get it. Or a boiled egg with the same. Dieting is a way of life with me. sigh!

    I go bowling today so I must get going. Bill and I bowl on Tuesday afternoons on a league. Exercise and fun.

    Have a wonderful day and thank you for your faithful visits Penny. I appreciate it so much.
    Hugs, Jeanne

  14. Thank you so much for this great was just the kick in the pants I needed to revise my blog & revise I did....still more to work on but really enjoying...thank you! Now do you wanna do the same thing for how to create a button and the html that people can copy etc...I'm kinda scared!

    Warm Fall Wishes to you!

  15. You are a superb teacher! I am going to give this a try as soon as I get organized with what tabs I would like to include.
    By any chance, do you have a lesson on how to get the little icon back so when I follow someone my little rosebud will show and I won't follow in generic silhouette?
    I have no idea why it disappeared.
    I still have the icon when I leave comments. Oh, these high tech lives we live!!!

  16. I've been meaning to add tabs as well. You make it seems so simple, I may give it a try... Thanks:-)


  17. penny!

    this is great. i really want to try this. next quiet day (ha ha ha) i will sit with this post and try it for myself. thank you so much for taking the time to put this tutorial together. it had to be time-consuming. so appreciated!!!


  18. Thanks so much Penny! I really appreciate that you took the time to do this and I'm going to try it out tomorrow when I have a little time. I had a very busy day today ..part of being in the "sandwich generation" point of life.

  19. Thanks Penny!
    Great tutorial, very much appreciated!

  20. Thank you SO much. This is just what I have been looking for as I begin to update my blog design with a new Fall look!

  21. Thanks for the great tutorial Penny!

  22. Hi Penny,
    Oh what a wonderful post! thank you so much I will have to try this. Gary will end up having to help me I'm sure..LOL
    Have a sweet day and big hugs,

  23. Boy Penny...what a great tutorial..I should have consulted you two years ago when I couldn't figure out how to do a link within a post....and it did take me almost two years to figure it out!
    Thanks for such step by step directions...

  24. I finally did it Penny! Thanks so much! Your instructions were clear and easy to follow. I really appreciate all the time you took to do this and I'm sure it will be of help to many.

  25. Finally, Penny, an easy tutorial to follow! Thanks so much for sharing the info. Is there a way to link to other posts that you have already put up in the blog instead of having to create brand new ones each time? Peggy from PA

  26. ...............what a great informative tutorial Penny dear, thanks so much. I may give this a try when time permits - well that won't just happen of course, I'll have to sit down and do it in between all the stuff which continues to pile up!

  27. Thank you, Penny, great tutorial! You made it very easy. I've been experimenting today with tabs ~ I'm very excited! Thank you again!


  28. Penny I'll come back and digest this! How kind of you to share and teach!That's why I love you!