• Home
  • Shop
    • WordPress Themes
    • Blogger Templates
    • Stock Images
  • Services
    • Blogger Services
      • Custom Blog Designs
      • Blogger Templates
    • WordPress Services
      • WordPress Themes
      • Theme Customization
      • Custom Designs
      • Website Design
    • Website Design
  • Blog
  • Tutorials
    • Blogger
    • WordPress
    • Social Media
    • Video Tutorials
    • Blogger Template FAQ
  • Videos
  • Portfolio
  • Cart
    • Email
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
    • YouTube

BD Web Studio

Feminine WordPress Themes | Feminine Blogger Templates

May 6, 2014

How To Add Blogger Posts to Pages & Navigation Links

How to add Blogger posts to pages and link to those pages from your navigation menu! So many clients ask us how to get only specific Blogger posts to show on a page which can then be displayed and linked to through the navigation menu tabs (page menu). Adding pages in Blogger is a simple task that we will review in this tutorial but if you want to add a category or group of Blogger posts to a page that can then be displayed via a link in the navigation menu it does take a bit of explaining (we promise its easy though). We will show you how to get only certain posts on a page in Blogger and link to that page from your navigation menu. Although it may seem impossible now you will find that it is actually quite easy once you understand how it all works.

Would you rather watch our YouTube video on this tutorail? Click here to watch “How to Add Blogger Posts to Pages & Navigation menu Tabs” on YouTube!

It’s much easier to show you how to add Blogger posts to pages then to explain the concept of what we are trying to accomplish but to give you a better explanation of exactly what we are trying to do lets take this example: You write about multiple topics, lets say “recipes” and “projects” are a few of them. You want your navigation menu up at the top of your blog on Blogger to display these categories (so you want the words “recipes” &Β  “projects” in your navigation/pages menu) and when people click on the word from the navigation menu you want that page to display all the posts that are about that topic. So when someone clicks on “recipes” all your recipe posts show up. When someone clicks on “projects” all your posts about projects come up, etc….. If this is what you are trying to accomplish then keep reading!

You know that it is possible to add Blogger posts to pages because you have seen it done – you visit a Blogger blog click on a link in their navigation menu and there you see it all nice and organized – ONLY posts related to that subject! So how did they get all those content related posts onto one page?Β  The truth is it isn’t really a page at all, yes it does appear to be a page but really it’s just an archive of those posts. It’s pretty much the same – the posts do show up on a page but they were not manually put onto a “page” in Blogger – knowing that those Blogger posts are archived is the key element to how this all works! This is actually great news because it will make your life much easier – who wants to spend all day manually putting posts on a page, right!

Whats the trick then? Labels! Labels will categorize your posts and pretty much group them into sections. Then all you have to do is add the word you want to your navigation menu (page list) and link it to the url of the label archive. Sound confusing? Stay with me – we will walk you through each step! Lets get started!

You may already have posts that you want to apply this to and thats okay – you can go back and do this with older posts but in the example below we are we are going to start fresh with a new post to show you how to add Blogger posts to pages and then link them to your navigation menu tabs, you can open an older post and follow along that way as well!

Step 1: Make sure you have your pages gadget added! The pages gadget is what will display pages and links – its your navigation menu.

How to add Blogger posts to pages & navigation tabs step 1

Step 2: Create a post, add a label & publish. If you are working off of a previously published just add your label and re-publish.

This step is the most important! In order to add Blogger posts to pages you HAVE to use labels! Choose a label that represents the posts you want grouped together, the posts you want displayed together on a a page. So in our example below we use the label “projects”. This will then the label we use in all future posts so that these similar posts can be grouped together and displayed on a common page.

How to add Blogger posts to pages and navigation tabs part 2

IMPORTANT: This is again the most important part of making this work so let me take a minute to review a few very important things you need to know:

1. You will need to add the same label to ALL posts you want displayed on a page. So whatever posts you want grouped together you have to give them the same label!

2. Once you use a label, it will appear under the labels box in your post editor when you create a new post – you can choose it from the list of previously used labels to ensure posts are using the same labels. This is important because if you give one post the label “recipe” and another “recipes” with an “s” they will be grouped differently! Same goes with caps – “Recipes” with a capital “R” would be grouped differently than a post with the label “recipes” with a lowercase “r” so it is important to be consistent with the label!

3. You can give a post more than one label

So now that you have your label added, click to publish your post.

Step 3: Visit your published post on your homepage. Under your post you will now see a section that has your label(s). Click on the label you are wanting to add to your Blogger navigation menu tabs.
How to add Blogger posts to pages and navigation tabs part 3

Step 4: Copy the url. This is it – this is the page that will display all the posts for the label you just created (remember to add the label to each post you want to show here). Now we need to add this label to our navigation menu so readers can find this page of posts, so copy the web address (the url).

How to add posts, pages, navigation in Blogger step 4

Step 5: Return to your “layout” page and click to edit your “pages” gadget. Once the pop up window opens you will see a blue link that says “Add link page” click this link.

How to add Blogger posts to pages and page menu

Step 6: Now another pop up window will appear – enter the name you want displayed in your navigation menu. Then paste the url, the web address you just copied, click “save link”.

how-to-add-blogger-posts-to-pages-navigation-links-part-6

Step 7: View your blog – you should now see your new label/link in your navigation menu!

Blogger-posts-pages-navigation-part-7

Repeat, steps 2-6 for each label you want to display in your navigation menu!

IMPORTANT: Once you add a label to your navigation menu, you NEVER have to do it again. All you have to remember to do is add the label to each post you want to show up on that page! So for example I added “projects” to my navigation menu, the next time I write a post about projects that I want to display on that page I DO NOT have to go back to the pages gadget and add anything else all I have to do is make sure I give the post the label “projects” when I am creating/editing it.

So, if you have been blogging for awhile and want to apply this to older posts just go back through and label them accordingly!

Now what if you just want to add a static page – a static page is information that you want to share with your readers but do not want to display as a post or show up in your post area. So, lets say an “About Me” or “Contact” page.

All you have to do to add a new static page on Blogger is visit your Blogger dashboard and from the left sidebar options choose “pages”. Then click “Create page” and a page editor will come up, it looks just like the post editor so fill in the content and click publish! Remember to name it whatever you want to display in your navigation menu!

How to add a page to Blogger navigation menu new

 

Want to create a page but not have it show in your navigation menu? By default all new published pages will show up in your navigation menu to remove simply go to your “layout” page click “edit” on your “pages” gadget. When the pop up appears for your pages gadget you will see your pages listed, just un-check and pages that you do not want to display in your navigation menu. (see below)

If you plan on creating a lot of pages that you do not want to show in the navigation menu then un-check the box that says “automatically add new pages when they are published”. Just remember if you do want a page to show you will have to go in and put a check in the box so that it will show.

How to edit your Blogger navigation menu or change order of pages blogspot

Want to rearrange your labels in your navigation menu? Just head back to “layout” and click “edit” on your “pages” gadget. When the pop up window appears and you see your list of labels just drag and drop them in the order you would like! See Above.

Do you not see “labels” under your post? That’s okay – you might not have it enabled. just go to your “layout” page and under the post section click “edit” a pop up window will appear with a bunch of options, make sure that “labels” has a check mark next to it and click save.

We hope you found this tutorial on how to add Blogger posts to pages helpful and would love to see your hard work so feel free to leave a comment and share the link to your site!

Share this post:

Filed Under: Blogger, Tutorials Tagged With: Blogger, Blogspot, categories, labels, navigation, pages, posts, tutorials Posted by Emily 31 Comments

Comments

  1. Fr3akyGolf says

    September 21, 2014 at 4:11 am

    Thank You very much. This tutorial is the best and the easiest, I tried to find everywhere but it was all going out of head. This worked for me !!

    Reply
  2. Sharon says

    November 8, 2014 at 8:57 am

    Thank you so much Emily! I have tried doing this with other tutorials buy yours was the most clear and easy to understand! Now I’ll be able to use this on my blog and save myself a lot of time! You’re awesome! πŸ™‚

    Reply
  3. Juliana says

    November 14, 2014 at 10:59 am

    Hello there!
    I am following your steps, but there is showing me, that they donΒ΄t connect the the posts, even I use a label.
    So, to the add a post link is showing me: add an external link. Thats meant is not showing anything!
    What is your suggestion?

    Reply
    • Emily M says

      November 23, 2014 at 2:22 pm

      In the box where you can put an external link you have to add the url for the label so for example: http://www.yourblogname.com/label/labelname

      That way it links to all your posts with that label

      Reply
  4. Michelle H says

    December 16, 2014 at 10:22 pm

    Thank you thank you thank you! I am starting the process of combining several blogs together and had no idea how I was going to make it easy for my readers from each one to find what they were looking for. Your tutorial was perfect!

    Reply
  5. Tricia says

    February 8, 2015 at 4:35 pm

    Thank you, thank you so much!! I have been watching so many tutorials, reading Q & A’s and trying to get my tabs to work for weeks. Yours was the gem! You saved my sanity! πŸ™‚

    Reply
  6. Christine says

    March 16, 2015 at 7:41 am

    Your tutorial was really helpful as i was able to add pages to tabs in an easy way.Thanks

    Reply
  7. Kathy says

    August 17, 2015 at 5:08 pm

    Thank you I put this on my other blog As I See It Daily and it work beautifully. I am wondering though, is there a way to take off the “Showing posts labed Friday Letters. Show all posts” with a block background off? It shows on the page after clicking on the Page tab.

    Reply
    • Kathy says

      August 17, 2015 at 5:10 pm

      http://www.asiseeitdaily.com is the correct blog to look at. Sorry .

      Reply
    • Emily M says

      May 13, 2016 at 6:49 pm

      There is but I do not (yet) have a tutorial on it, a lot of people ask though so I will try and write one soon πŸ™‚

      Reply
  8. scylla says

    August 27, 2015 at 1:18 am

    Thax a lot alot!I was looking for a way to get this done!though there were may answers only your steps leads me to a solution!thanx again!your steps are very clear to newbies like me

    Reply
  9. Elmar says

    September 15, 2015 at 4:07 am

    Thank you for the wonderful tips! I have been wondering how the heck do I do this kind of grouping and luckily your guide is right on the spot!

    Reply
  10. Kathy Newton says

    October 7, 2015 at 8:12 pm

    I think I love you. Seriously. I’m new to blogging and have been trying to figure this out on my own for MONTHS! Thank you so much!!!

    Reply
  11. AJ says

    October 12, 2015 at 7:14 am

    Thank you for this. I tried two other tutorials on this subject and yours was by far the most simple!

    Reply
  12. Ben Snyder says

    October 15, 2015 at 11:08 am

    Oh my goodness thanks for writing this out! So much more helpful than a youtube video!

    Reply
  13. Blessing Counter says

    January 1, 2016 at 4:48 pm

    Oh my goodness, thank you SO much Emily!! I literally went through 12-15 other sites trying to figure this out, but yours was the only one that made sense! The pictures helped a lot, especially with those little black boxes πŸ˜‰ Thank you!!!! πŸ˜€

    Reply
    • Emily M says

      May 13, 2016 at 6:38 pm

      I am so glad you found it helpful πŸ™‚

      Reply
  14. Mia H says

    January 2, 2016 at 12:39 pm

    Mine comes up with it saying ‘Showing posts with label Lifestyle’. Is it supposed to do/say this?

    Reply
    • Emily M says

      May 13, 2016 at 6:37 pm

      Yes, because it is an archive of those labels πŸ™‚

      Reply
  15. Queen-IshBySayra says

    January 6, 2016 at 1:11 pm

    Awesommmmmmmmmmmmme!!!!!

    This was very easy to follow!

    Reply
  16. Samuel Aniekan Udoh says

    April 11, 2016 at 8:17 am

    I appreciate your help. It was explicit. Thanks a lot. As a result of your tutorial I can now post to categories right now which I could not do before. Thanks a million.

    Reply
  17. Tarik Billa says

    April 25, 2016 at 6:38 am

    thanks for this tutorial. this is very good post.

    Reply
  18. smitha says

    June 24, 2016 at 4:46 am

    Thank you for this informative post.. Tried this from different websites but sadly didn’t work.. Finally i got it.. πŸ™‚

    Reply
  19. Takiela says

    July 23, 2016 at 11:50 am

    Em, this is exactly what I was looking for. You made it very easy to follow. Thanks

    Reply
  20. Siddhesh P. Gaikwad says

    August 4, 2016 at 8:47 am

    I am a newbie to blogs and just setup my blog and was trying to make a page on blogger for categories, wasted nearly 4 hrs trying, this hack was so easy and right in the plain view ! awesome and really useful…thnx !!

    Reply
  21. Sam says

    September 12, 2016 at 6:03 am

    this is really gooood. Nice and easy steps

    Reply
  22. Laritsa Nicasio says

    September 23, 2016 at 8:40 am

    Amazing…Finally something that I understood perfectly clear.

    Reply
  23. abbey stepho says

    December 6, 2016 at 8:19 am

    Wow! Thank you so much much much……seriously! you’ve helped me a lot with this tutorial…am so grateful.

    Reply
  24. valkay says

    December 14, 2016 at 1:43 pm

    Thanks Emily, this is very invaluable info…i’ve been looking for a way to do this on blogger. The functionality to add blog posts to static pages exists in WordPress, which i have been using before i switched to blogger.

    Reply
  25. Chelsea Montaque says

    May 4, 2017 at 7:17 pm

    This was an awesome post! So helpful! Thank you!

    Reply
  26. geena says

    June 17, 2017 at 11:54 am

    Thank You so much !!! A really helpful article….

    Reply

Leave a Reply Cancel reply

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

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Stay Updated!

Subscribe via email and receive 15% and template or theme in our shop!

Looking for Something?

Categories

Latest On Instagram:

#blackouttuesday πŸ–€b l a c k l i v e s m a t t #blackouttuesday πŸ–€b l a c k  l i v e s  m a t t e rπŸ–€ πŸ‘ŠπŸΏπŸ‘ŠπŸ½πŸ‘ŠπŸΎπŸ‘ŠπŸΌπŸ‘ŠπŸ»πŸ‘Š
In love with how @christyrouxphotography customize In love with how @christyrouxphotography customized our Wild & Free template to match her beautiful branding.  With her chic logo and color changes to match she has a completely customized site design that is stunning. Check out her new look and her amazing photography at: www.christyrouxphotography.com
.
.
.
.
.
.
.
#photography #abmlifeiscolorful #risingtidesociety #savvybusinessowner #thatsdarling #calledtobecreative #chic #thehappynow #creative #girlboss #love #darlingmovement #flashesofdelight #smallbusiness #mycreativebiz #theeverygirl #gold #creativevibes #blogdesign #blogtemplate #bloggertemplates #blogmode #instablogger #bloggerlife #bloggerstyle #blogging
Just here, trying my best to jingle all the way πŸ˜‰ .
.
.
.
.
.
.
.
#bnw #calledtobecreative #create #etsy #etsyseller #getit #girlboss #happy #inspire #instagood #instaquotes #lol #laughing #ladypreneur #lettering #funny #life #love #qotd #quoteoftheday #risingtidesociety #savvybusinessowner #thatsdarling #theeverygirl #me #thehappynow #typography #christmas #holidays #merrychristmas
Looking to share or find the best tips and tricks Looking to share or find the best tips and tricks for bloggers and savvy online business owners? Join or follow our Creative Bloggers Community board on Pinterest! We are only a few weeks in and already have over 1k pins full of awesome posts and info thanks to an awesome group of fellow creatives! Group boards are also a great way to promote your own content so if you have blog/business related blog posts to share send me a message and I will add you as a contributor πŸ€—
.
.
.
.
.
.
.
#blogtips #bloggerlife #bloggers #bloggerstyle #blogtutorials #blogging #blogmode #pinterest #calledtobecreative #chic #creative #darlingmovement #blogging #womensupportingwomen #communityovercompetition #womeninbusiness #flashesofdelight #getit #girlboss #happycreativelife #instablogger #love #abmlifeiscolorful #savvybusinessowner #shop #thatsdarling #theeverygirl #thehappynow #pink
Owning a business can be rough. You have days you Owning a business can be rough. You have days you wonder what the hell you are even doing and days you love everything about what you do. You learn that it can be competitive, exhausting, and stressful. You learn that others will replicate your ideas and you will feel completely robbed because you put your heart and soul into what you do. You learn that the hours are long and sometimes the payoff seems short. The struggle is real. EVERY. SINGLE. DAY. But still you keep going. Why? Because when all is said and done you love what you do! Because you know you have so much more to accomplish! You know that all the hardships have built the foundation of your business. You know that that the road to greatness is an uphill battle and you didn't work your ass off to only make it half way up the hill! Keep goin' girl - you got this! .
.
.
.
.
.
#keepingitreal #beyou #truth #hustle #motivation #smallbusiness #bnw #calledtobecreative #create #etsy #etsyseller #getit #girlboss #happy #inspire #instagood #instaquotes #ladypreneur #lettering #life #love #qotd #quoteoftheday #risingtidesociety #savvybusinessowner #thatsdarling #theeverygirl #thehappynow #typography
So I got this app by @plannthat a few weeks ago an So I got this app by @plannthat a few weeks ago and I am in LOVE! You guys, I'm not gonna lie I hated posting on Instragram it is seriously one of my least favorite things to do. Trying to get everything to look cute and be in the right place with the right hashtags and searching through my notes for my list of #'s and trying to figure it all out - nightmare, ain't nobody got time for that, especially me. Then I heard about Plann in one of my Facebook groups and my life has seriously changed, not kidding! You can visually set up your future feed by dragging and dropping uploaded images to see how they will look in your feed, organize and store #'s by groups (my favorite), and schedule posts - it's just awesome on so many levels! PS. This pretty little image is from one of my favorite places to buy beautiful stock images @rosemarywatson
.
.
.
.
.
.
.
#chic #creative #creativeentrepreneur #designer #designisintgedetails #etsy #etsyseller #flashesofdelight #flatlay #instablogger #love #mycreativebiz #office #onmydesk #monday #risingtidesociety #savvybusinessowner #shop #smallbusiness #styledstock #styledstockphotography #thatsdarling #theeverygirl #thehappynow #timelesstreasuresforever #womenwhohustle #workspace #planneraddict #plann
Follow on Instagram

Latest Pins:

  • Floral notebook journal for women. Lined journal for writing, notes, poems, affirmations, and so much more! #notebookaesthetic #notebookjournal #journaling #journalingaesthetic #giftsforbestfriend #giftswomen #amazonfinds
  • Animal print notebook journals for women. Lined journals for writing, notes, poems, affirmations, and so much more! #notebookaesthetic #notebookjournal #journaling #journalingaesthetic #giftsforbestfriend #giftswomen #animalprintgifts #etsyfinds
  • Animal print lined journal for women! Check out all of our animal print journals! #notebookaesthetic #notebookjournal #journaling #journalingaesthetic #giftsforbestfriend #giftswomen
  • Rich dark chocolate and fat bomb macros make these fluffy keto brownies the perfect dessert (or snack.) Full of healthy fats and perfectly low carb..
  • Handwritten Font Bundle is back! by VladCristea on @creativemarket
  • Thinking about starting a blog? Here are 10 things you need to do first! | how to start a blog | blogging tips | beginner blogging tips |

Digital Blogging Resources

 
Web Hosting

Find Us Here:

  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter
  • YouTube

Let’s Be Friends!

#blackouttuesday πŸ–€b l a c k l i v e s m a t t #blackouttuesday πŸ–€b l a c k  l i v e s  m a t t e rπŸ–€ πŸ‘ŠπŸΏπŸ‘ŠπŸ½πŸ‘ŠπŸΎπŸ‘ŠπŸΌπŸ‘ŠπŸ»πŸ‘Š
In love with how @christyrouxphotography customize In love with how @christyrouxphotography customized our Wild & Free template to match her beautiful branding.  With her chic logo and color changes to match she has a completely customized site design that is stunning. Check out her new look and her amazing photography at: www.christyrouxphotography.com
.
.
.
.
.
.
.
#photography #abmlifeiscolorful #risingtidesociety #savvybusinessowner #thatsdarling #calledtobecreative #chic #thehappynow #creative #girlboss #love #darlingmovement #flashesofdelight #smallbusiness #mycreativebiz #theeverygirl #gold #creativevibes #blogdesign #blogtemplate #bloggertemplates #blogmode #instablogger #bloggerlife #bloggerstyle #blogging
Just here, trying my best to jingle all the way πŸ˜‰ .
.
.
.
.
.
.
.
#bnw #calledtobecreative #create #etsy #etsyseller #getit #girlboss #happy #inspire #instagood #instaquotes #lol #laughing #ladypreneur #lettering #funny #life #love #qotd #quoteoftheday #risingtidesociety #savvybusinessowner #thatsdarling #theeverygirl #me #thehappynow #typography #christmas #holidays #merrychristmas
Looking to share or find the best tips and tricks Looking to share or find the best tips and tricks for bloggers and savvy online business owners? Join or follow our Creative Bloggers Community board on Pinterest! We are only a few weeks in and already have over 1k pins full of awesome posts and info thanks to an awesome group of fellow creatives! Group boards are also a great way to promote your own content so if you have blog/business related blog posts to share send me a message and I will add you as a contributor πŸ€—
.
.
.
.
.
.
.
#blogtips #bloggerlife #bloggers #bloggerstyle #blogtutorials #blogging #blogmode #pinterest #calledtobecreative #chic #creative #darlingmovement #blogging #womensupportingwomen #communityovercompetition #womeninbusiness #flashesofdelight #getit #girlboss #happycreativelife #instablogger #love #abmlifeiscolorful #savvybusinessowner #shop #thatsdarling #theeverygirl #thehappynow #pink

Stay Updated!

  • Terms
  • WordPress TOU
  • Privacy Policy
  • About

Copyright © 2023 Β· BD Custom Theme on Genesis Framework Β· WordPress Β· Log in