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.
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.
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.
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).
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.
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”.
Step 7: View your blog – you should now see your new label/link in your navigation menu!
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!
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.
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!
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 !!
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! 🙂
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?
Emily M says
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
Michelle H says
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!
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! 🙂
Your tutorial was really helpful as i was able to add pages to tabs in an easy way.Thanks
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.
http://www.asiseeitdaily.com is the correct blog to look at. Sorry .
Emily M says
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 🙂
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
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!
Kathy Newton says
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!!!
Thank you for this. I tried two other tutorials on this subject and yours was by far the most simple!
Ben Snyder says
Oh my goodness thanks for writing this out! So much more helpful than a youtube video!
Blessing Counter says
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!!!! 😀
Emily M says
I am so glad you found it helpful 🙂
Mia H says
Mine comes up with it saying ‘Showing posts with label Lifestyle’. Is it supposed to do/say this?
Emily M says
Yes, because it is an archive of those labels 🙂
This was very easy to follow!
Samuel Aniekan Udoh says
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.
Tarik Billa says
thanks for this tutorial. this is very good post.
Thank you for this informative post.. Tried this from different websites but sadly didn’t work.. Finally i got it.. 🙂
Em, this is exactly what I was looking for. You made it very easy to follow. Thanks
Siddhesh P. Gaikwad says
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 !!
this is really gooood. Nice and easy steps
Laritsa Nicasio says
Amazing…Finally something that I understood perfectly clear.
abbey stepho says
Wow! Thank you so much much much……seriously! you’ve helped me a lot with this tutorial…am so grateful.
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.
Chelsea Montaque says
This was an awesome post! So helpful! Thank you!
Thank You so much !!! A really helpful article….