Do you want to list all or your most recent posts according to categories/labels? Well then, you’ve come to the right tutorial.

I’ve seen people use a LinkList gadget to accomplish this. However this method requires them to MANUALLY add each post link to the gadget every time they publish a post with the specified label. Not good.

We’re not going to do that, because we have a better, more elegant solution. Once added, the list will update itself automatically. The widget takes your blog’s label-specific feed, in JSON format and turn it into a list using Javascript. It other words it does the listing for you.

No more slow and tedious manual updating and rearranging. Sounds good? Here we go:

Replace YOUR_BLOG_URL in code line 21 with your own blog URL. For example if you were to list posts from BloggerSentral.com, you would have to replace it with http://www.bloggersentral.com (without the trailing slash).

Replace YOUR_LABEL (line 21) with the label. Labels are case sensitive, make sure you get it right.

Replace the value of SHOW_HOW_MANY (line 21) with the number of posts you want to display. To show all posts, use 500 (I believe 500 is the maximum. If you have more than 500 posts under a certain label, do leave a comment, we’ll work something out).

The titles are bulleted due the use of ordered list <ul>. If you want them numbered instead, just replace ul (in line 5 and 18) with ol.

2. Adding subsequent lists

You need to add a HTML/Javascript gadget for each label. Repeat the same steps above for each label, with a slight difference:

You don’t have to copy the whole code. Just copy the codes in lines 21 and 22 into each gadget.

Make sure your first list (which contains the full code) is positioned on top of all other lists.

Enjoy!

Enjoyed this post?Be sure to subscribe to get regular updates delivered to your email inbox, for free.

Hi, I can't seem to get it to work either. Tried the URL with a label, and without, which is what I want (YourBlogUrl/feeds/posts/default?max-results=ShowHowMany&alt=json-in-script&callback=recentpostslist). I can trace out the json.feed.entry.length correctly, but no sign of any titles...

I need your help friend. I dont know is this the right place to ask. Lemme come to the point.

Look at my blog. You can see a post divider between posts. It appears two times. But I found the same post divider in another blog and here it is http://downloadsongs0.blogspot.com/. In this blog you can see post divider appearing only one time. Please help me to cut the divider to appear only one time in my blog. I am waiting for your reply

Ok! Thanks, that worked like a charm! Now, just a little problem. Home label shows up too far to the left so that it's on my page border/background. Is there anyway to have my labels more centered so that HOME is not blended in with the page background on the left. Thanks! www.busyasabeeinparis.blogspot.com

First of all, thanks a lot for this! I have been using it, and it works perfect! I have been using this code in a static page, so whenever someone goes to that page, it show the posts with the label I had chosen. (you can see it working here: http://www.nunchakututorials.com/p/beginner-tricks.html)

I have seen, that when I edit the page that has the code, it stops working. Is really strange, now if I want to edit the page, I have to copy again the code, and past it.

Also, there is a way to have the titles of the posts sorted from A to Z?

And, can I use this code to get the posts that contains 2 or more labels? (for example, I want to list the posts with the label "water" and "travel", so the posts that have both labels will be on the list).

@jmvicuna1. That happens when you (or Blogger, when you first enter the editor) switch the post editor to Compose mode. Never swith to compose mode. If you do it by mistake, do not save.2. To arrange it alphabetically, follow this tutorial: List post titles in alphabetical or chronological order You will have to edit the pipe though, to replace regular feed url with the label specific feed url.3. You can do an AND using this url: YourBlogUrl/feeds/posts/summary/-/YourLabel1/YourLabel2. Meaning the post will appear only if it has both YourLabel1 and YourLabel2 applied. You can't do an OR.

Hi GreenlavaI pasted your code in my blog to generate a list of post titles rather than the date(as top of page) and it is working brilliantly. Thank you.After about 4 posts, I decided to change the colour of my links. They were blue - all the text was blue - now my archive list is red, my posts are still blue. However the bullet points have remained blue! I have been through the coding twice but cannot trace a cause.It looks strange. Would be so grateful for your help.

Need help. I'm still on the old blogger template and had not upgraded at all. At this moment, I only intend to add the labels (for all my past posts) at the side bar. Any way I can do this? Thanks very much.

Helou there!I have a problem with the "recent posts" gadget. Could you please take a look? I have it down on the page :http://mineden.blogspot.com or(www.mineden.com)I have struggled with this 1 day now...;)

I love your Popular posts-gadget and I would like to have them both to work.Please help :)/Nina

When you said "Place the widget in a static in a page", do you mean create a separate static page and list the posts there? I have tabs/ pages by labels. Can I create the list in those pages instead? eg on top of the posts so that reader can choose to read a specific post instead of scrolling down to find it. Otherwise, what's the best way to do it?

@Happy CottageYes that's what I meant. I thought you wanted that -make the list appears on a separate page (like my Post Index).If you put the list in a widget like what you're doing now, the list will appear on all pages -homepage, individual post pages and static pages.

Hi GreenlavaAs post comment 38(above)- copied code for archive list with bullet points with no problems- but when I try to limit number of posts on the archive widget,I lose the old posts - do not seem able to retrieve them, when I click on 'old posts' nothing happens. title/domain since changed; http://www.curefatigue.net

@AKTry repeating line 21, each time appending a different start-index query.For example,YourBlogUrl/feeds/posts/summary/-/YourLabel?max-results=ShowHowMany&alt=json-in-script&callback=recentpostslist&start-index=501

hi Green lava, I read this over and over again... but I still don't get it.I hv problem..with my post in malay language.. becoz no adsense appear there. I want to separate the english & malay use the label. then I'll put ads which can approve malay language.... but I don't want this Ads appear in my english post page.is that possible?Pls can you help me??tq

@DeaThis tutorial only deals with post feeds which is relatively easy and completely different with what you have in mind.What you want to do is to look for "Malay" label on each post, and then use conditional tag to allow the Adsense code to run if it is.Refer to Creating static pages in Blogger to get an idea on how to apply this.

@Sweetly Made2 things:1. The location of your widgets. Right now you've placed the widget right under the Pages gadget. Each post title will take a button form, just like a Pages tab. You need to position the widget somewhere else by dragging them in Design > Page Elements.2. Label URLs are case sensitive. The Cakes URL is correct, Cookies is not. As for Cookies, the actual label is "cookies" (lowercase c).

I've made all my tags lower cased letters and corrected the "cookies" label. I also moved my widget from the top (under pages) to the right side. Now I'm seeing a list starting to form under my categories (ex: Cookies: Valentine's Day Cookies, Gingerbread Cookies) is that correct?

I was hoping to be able to use this as page tabs at the top of my page. Blogger lets me create several tabs (Posting > Edit Pages) which I have made but they don't connect/link to anything. Any suggestions?

Wow, thank you! I've been trying to do this for weeks and finally, with your tutorial, have a tab at the top of my blog with a Recipe Index listing all my recipes (title only) with links. Whooopee! Now! I have one more challenge....can I make the list show in Alpha Order?

I like this, but I have a slight problem. I do not wish to use it inside the blog body container, but outside it in the regular html. But it won't let me. The html-editor complains about ending the code right, but all attempts I do fail.Do you have a solution?

sorry me again, I had loads of listings so have removed all but three but they do not list the post or picture. Please will you visit www.aveganobsession.blogspot.com and advise. If I could just have three pictures showing and a clickable link I'd be over the moon. x

I love your blog! I always seem to find what I need for my blog here. You're so cool! I'm very grateful for this post because, to begin with, I knew what I was looking for, but I didn't know how to put it into words. More to the point, I wasn't sure what to Google, so I threw in a bunch of keywords and up came your post. Thank you so much--it's just what I needed! :-*

I know about your label and alphabetical ordering yahoo pipe script, but i don't like my site depending of outside webscripts...Isn't it possible to recode your JSON script to make it filter by labels AND alphabetically... ?

I'm trying to add a "Recipe Index" page on my blogger blog, and hope you can help me. I assign category labels to each recipe post. I need the recipe index page to automatically add the recipe post under the specific categories (labels). Is this possible so I don't have to manually add the links to the recipe index page for every post? I have 335 recipes that need to be indexed. Otherwise, my followers have to browse through all the posts. I would really appreciate your assistance. My custom blog designer was unable to help with this. Thanks so much!

Greenlava have a nice day to you! It works on my site but I have a question to ask, I want also the search result be display in "list" exactly same concept of this widget.When people search using the http://blogurl.blogpost.com/search?q=the_keyword or http://blogurl.blogpost.com/search/label/the_keyword the result will be displayed in the list. Same result this wonderful plugin. Please!

OMG! I am an Idiot and the Best one at that, when it comes to HTML coding, but ur site makes me feel like one of the geeks too! I am still learning and messing around with my blog, but I am sooo confident. Thank You! Thank You! Thank You!

Of all the blogger tutorials I have read/used, this is the best ever. And your simple and helpful responses to comments left behind by us lot, are exactly what people (like myself) need. Bless you brother and keep up the lovely attitude and help. Thumbs up!

I am using this in the pages section, but I want to be able to display the whole post instead of a list of links to the posts. Lil' help or direction on how to display multiple posts by label in the pages sections?

Is there a way to do this as a Dropdown menu? I can't seem to figure out how to do that. I've successfully implemented your other post about List posts in chron order and then converted that to a drop down, but can't seem to change this one to a dropdown ... any ideas?

Ideally i'd like to have 2-3 (label specific) drop downs with post titles

Hello and thanks for the tip on how to show an archive list by labels. So far seems to work well. I have two questions that perhaps you have an answer for:

First, When I go to my static page it shows the archive list of posts that corresponds to the page label. So far so good. But when I click on one of the posts in the list, it opens a new tab. This is different than the Archive gadget that list posts in hierarchical order. So, first order of business, how to prevent the posts in the label list from opening a new tab.

Second, the label list does not show on the post page. It only shows on the static page.

On the other hand; It's possible to add an accordion effect to the menu? Thanks!

Anonymous,
September 24, 2013 at 2:56 PM

Thank you very much. This is great. It works great with my one word labels, but I am having problems with labels that have two words, for example: Personal Care. I just can't get it to work, any ideas? I appreciate your help.

Thank you this is wonderful, It works great, but I found a problem with my labels, the thing is that some of them have two words, for example: Personal Care, and it doesn't reconize them, would there be a way to make it work, if you can help me I would really appreciate it. Best.