Saturday, 7 July 2012

Creating labels for your pages in Blogger: A step by step guide

On a recent blog post, a lovely visitor asked me how I had achieved my blog layout.
"How did you get the other pages to show all posts under a certain label?
 I'd love to do that with mine but can't figure it out!"

The coveted layout

Well, I confess at first I couldn't remember how I had done it! I remember googling round for ages to try and figure out how this layout could be achieved in Blogger, but after scooting round in the design section it has all come back to me. I've decided that for Jaye's benefit and hopefully to help someone else as well I would write a clear, easy to follow guide to add this layout to your own blog.


Step One
Go into your Blogger settings, where you check on your Stats etc. and click on the Pages option in the left hand menu.




Decide what labels you want at the top of your page - they need to be one word so you can easily put a seach link in for them.


Step Two
To add the Pages, use the 'New Page' option and select 'Web Address: Send Readers to another web address'.


Put your desired label in the 'Page Title' box and then add the web address for searching your blog for that tag. In this case the formula is 'http://BLOGNAME.blogspot.com/search/label/CHOSENWORD'.

Step Three
Once you have added as many labels as you want and made sure you have selected the option to show the labels as 'top tabs', you need to check that your search is picking up the right posts.

To do this, you need to make sure that your corresponding label is flagged up as a tag on the relevant post. For example, for my recent Great Garden Moments post, I wanted the post to be picked up by people who clicked the 'Gardening' label at the top of my blog. Therefore, I had to make sure that 'gardening' was one of my tags for that post, as per this picture:


Summary

* Use the Pages option to choose your labels.
* Set the Pages up as a search link for your blog.
* Make sure the relevant blog posts have that search term in the tags.

Does that make sense? I hope that is a useful explanation!

48 comments:

  1. Lo-Lo, you're a star - I just added a couple of pages so easily (you're a much better teacher than Google!) Thank you xx

    ReplyDelete
    Replies
    1. Aww, awesome - I'm glad I could help out!

      Delete
    2. Thank you for sharing this! I've added all my tabs now thanks to you! Please share this if you get the chance at my link party! I'm sure my readers would benefit from this too!
      http://kraftykat76.blogspot.com/2012/07/gettin-krafty-with-it.html

      Delete
    3. wow
      great
      wonderful
      i also need this
      thanks

      Delete
  2. I am useless at this kind of stuff so thank you very much for the guidance!

    ReplyDelete
  3. Thank you for this post.
    ButtonF1Fan

    ReplyDelete
    Replies
    1. No worries - let me know if there is another helpful guide I can create!

      Delete
  4. Hello, thanks for the tutorial :) I was wondering if you knew a way to add more than one CHOSENWORD e.g put commas or forward slashes between them so that each page could pull up posts with different tags? Would be super appreciative of any advice you could give thank you

    ReplyDelete
  5. Thank you so much.

    ReplyDelete
  6. Thanks so much either im stupid or i dunno but how do i get all my reviews posted in my top bar where it says reviews for some reason they are all popping up on my side labels there but i cant get them on the top labels

    ReplyDelete
  7. Hmm, have you got 'review' in the tags/labels for each of the relevant posts?

    ReplyDelete
  8. All I get is javascript when I try to link to my labeled pages? What did I do wrong? I entered the page address and have the corresponding tags.

    ReplyDelete
  9. I am also only receiving a Javascript error when I enter the web address and save?

    ReplyDelete
    Replies
    1. i guys, I've just tried the method through again and it's still working fie for me. Are you selecting to add new pages as web addresses? It also gives 'blank page' as an option which doesn't work for the method.

      Delete
  10. I ma doing the method step by step but it doesn't wprk.. :( Even if I edit the links per page and save it, it always come back as "javascript" on the URL box. :(

    ReplyDelete
  11. Maybe you're using a different version of blogger? I've just tried it again and it's fine.

    Have you just got one 'http://' at the beginning of your link?

    Have you tested your link before you try to save it to make sure it's calling up the correct search and it works properly?

    If all that has been checked and it still doesn't work I'm afraid I don't know what to advise... I'm certainly no blogger expert! I'm using Chrome on an older windows OS, not Windows 7 or on a smartphone or anything, maybe that makes the difference?

    ReplyDelete
  12. Everything looks ok, but im unable to check it as when i click on one of the menus(pages) it says im denied access as its an invitation only page, but in my settings its says open to anybody??? Thoughts? Have tried everything....

    ReplyDelete
  13. Im still trying to get it to work, but now it says on one of my pages that there are no posts with those labels in it, but there definitly is? any other ideas?

    ReplyDelete
  14. Hi Maria, this sounds like you're doing a different method to what I've recommended above... In the method I use, the page title is the label from your blog post and you give Blogger a web address that is simply a search to find the correct posts. Unless your labels are not the exact same text as you have put in your string e.g. photos vs Photo or something?

    ReplyDelete
  15. This was really helpful. Thanks!

    ReplyDelete
  16. I've been searching all over the web to see how to do this and your's is the first explanation that I understood. Thank you and Job done!!!!!

    ReplyDelete
    Replies
    1. Aww, amazing! What a lovely comment! So glad I could help.

      Delete
  17. Suuuuuuch a great tutorial!!! Finally an easy one! Thank you so much! Great job :)
    greets,

    ReplyDelete
  18. OMG YOU ARE AMAZINGGGGG!
    I've been searching for something like this forever!
    Thanks so much :D
    What an easy to understand and well structured post.
    Thanks!!!

    ReplyDelete
  19. Thank you sir,Really iam feeling very very happy because iam struggle with adding label to my blog pages,your article really help me..thanks thank you very much..

    ReplyDelete
  20. Thank you so so much!
    This is what I have been looking for and it is really helpful!

    ReplyDelete
  21. Lolo,rili grt n straight forward article.ope it works for me,also how can I place a direct ad,my own personal ad asides adsense on my blog?and will d method u gave as per labels apply to new page?wud b glad if u help a brother!tnx

    ReplyDelete
    Replies
    1. Sorry dude, I don't do any advertising or income generating on this blog so I can't help. I just sometimes get nice things to try out for reviews and that's about it!

      Delete
  22. Amazing...IM a Newbie But with i got it :) :) :) Thank You :)

    ReplyDelete
  23. Thanks for this post!!! I could not find the answer to this question through blogger, but I zipped through it with your tutorial!!

    ReplyDelete
  24. This is the best one I have found! Thanks a million!

    ReplyDelete
  25. Thank you so much for this post!! I thought I would have to hire a web designer for this, but now I can do it myself!!!!

    ReplyDelete
  26. Oh thank you so much! I'm a new blogger and I've been trying to figure this out for *forever*!! (as in, the past couple of weeks since I got my blog!) I figured everyone else was just better with technology than me. Thank you!
    counting-to-31.blogspot.com

    ReplyDelete
  27. Ahhhhhh thank you so much.. extremely helpful. None of these ehow.com's explain themselves simply or properly at all.

    T x

    ReplyDelete
  28. Now my blog looks more professional thanks to you! Thank you so much! x x x

    ReplyDelete
  29. Thanks so much! I've been googling for days and this is the first clear article I've read on the subject!

    ReplyDelete
  30. You have NO idea how helpful this was!!!! Your a lifesaver! (found your info in a google search!)

    ReplyDelete
  31. thank you so much for this post!! simple and easy to follow.

    ReplyDelete
  32. I found your blog through a google search for this subject. Thank you SOOOOO much for sharing. Your article was clear and the steps easy to follow.

    ReplyDelete