How to list recent post titles by label

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.

list post by label 1

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:


1. Installing the first list

  1. Go to Layout Design > Page Elements.
  2. Click Add A Gadget.
  3. In Add A Gadget window, select HTML/Javascript .
  4. Enter a label as the title of your widget.
  5. Copy the code below and paste it inside the content box.
  6. Click Save.
<!-- Recent Posts by Label Start -->
<!-- code by -->
<script type="text/javascript">
function recentpostslist(json) {
 for (var i = 0; i < json.feed.entry.length; i++)
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
<script src="YOUR_BLOG_URL/feeds/posts/summary/-/YOUR_LABEL?max-results=SHOW_HOW_MANY&alt=json-in-script&callback=recentpostslist"></script>
<span style="font-size: 80%; float:right;">Get this <a href="">widget</a></span>
<!-- Recent Posts by Label End -->
  • Replace YOUR_BLOG_URL in code line 21 with your own blog URL. For example if you were to list posts from, you would have to replace it with (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.


173 comments to "How to list recent post titles by label"

Anonymous,  April 29, 2010 at 8:52 PM    

Thank you.

mundo_idiot April 29, 2010 at 11:09 PM    

why no effect this code on my blog,? help me plzz

Greenlava April 30, 2010 at 12:17 AM    

You're welcome

Where did you put the code?

bingo boutique May 1, 2010 at 12:41 AM    

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...

bingo boutique May 1, 2010 at 1:03 AM    

Inspected the json file and the link node only has 3 children. So i changed link[4] to link[2] and it's all working. Excellent, thanks!

Greenlava May 1, 2010 at 4:24 AM    

@bingo boutique
I made a mistake assuming link[4] will work on all feeds.
Anyway I revised the code. Now it looks for the value "alternate" in "rel" field to locate post/entry url.

YouCanHack Blog May 2, 2010 at 10:19 PM    

I was having problem using this AJAX . But I researched on new solution which is in-built feature of blogger.

If any body is having problem with this widget. Then try Blogger's in-built feed drawing widget.

Recent posts by Category or Labels in Blogger


Greenlava May 2, 2010 at 11:22 PM    

@YouCanHack Blog
Yes you can use the feed gadget too, but it only allows up to 5 items per feed.
That's the reason I opted for json in the first place.

Robin Hood Softwares May 4, 2010 at 10:56 AM    

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 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

Greenlava May 4, 2010 at 7:31 PM    

Find this:
margin:0 0 20px 0;
background: url(;
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;

and rep;ace with this:
margin:0 0 20px 0;
margin:.5em 0 1.5em;
background: url(;
background-repeat: no-repeat;
background-position: bottom center;

RHS May 4, 2010 at 8:27 PM    

You are great buddy. Thanks for your kind help

Anup May 8, 2010 at 5:54 PM    

can i have a demo please!

My Recent Post: 10 Essential iCal Tips & Tricks You Should Know

Greenlava May 9, 2010 at 7:15 PM    

Yes you can :)
It's in my widget showcase blog, in left sidebar.

IoanG May 25, 2010 at 6:27 PM    

Dear Greenie,
Does this code work with static pages/html editor?

Greenlava May 25, 2010 at 6:34 PM    

Yes it does.

Busy as a Bee in Paris June 12, 2010 at 6:03 PM    

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!

Greenlava June 12, 2010 at 9:20 PM    

@Busy as a Bee in Paris
If you want to push it slightly to the right so that Home aligns with header's left edge, just add this code before ]]< /b:skin>
.PageList {margin:0 15px;}

Now if you want to center the bar, read How to align Pages/PageList gadget

Khairi June 13, 2010 at 11:30 AM    

I wanted to ask a Q, but IoanG already did it for me. thanks IoanG.

a'maquhumfikran June 16, 2010 at 3:55 PM    

im trying to use this code..
hopefully it can be use

Greenlava June 18, 2010 at 11:48 PM    

Insyaallah. Come back here if you face any problem.

XinMinds June 25, 2010 at 6:54 PM    

how to open that post when clicked in the same page it goest o next tab

suggest changes

Greenlava June 25, 2010 at 7:57 PM    

To open the links in the same window, just go to code line 5 and replace _blank with _self.

admin July 1, 2010 at 11:34 AM    

hi..i follow your instruction..the thing is..i have this # appears for the the label..when i change to document appears <01> on the screen..pls check

Greenlava July 1, 2010 at 7:34 PM    

Sorry but I don't understand what you are saying.

WE ARE THE YOUTH July 6, 2010 at 7:25 AM    

Put in the code and works great -- some of my post titles are long though and run onto a second line -- the 2nd line of the post is indented. how can I keep each post title on the same margin.

Also, can I add an actual bullet for each post title? I can't see one?

WE ARE THE YOUTH July 6, 2010 at 7:29 AM    

Also, is there a way to "hide" the posts on the main body of my blog so that they just show up in the recent posts when clicked on?

Greenlava July 8, 2010 at 8:20 AM    

1. Go to Design > Edit HTML and add this code right before ]]>< /b:skin> line:
.sidebar ul {
.sidebar li {

you can change the value of list-style to disc or circle.

2. "show up in recent posts when clicked on" -I'm afraid that's not possible.

Andhra Mirchi July 19, 2010 at 4:12 PM    

my post must have related post links in the widget how can i do it? by auto changing 'your label' tag or by removing it tell me ?

Greenlava July 19, 2010 at 11:31 PM    

@Andhra Mirchi
You want to turn this gadget into a related posts gadget?
Auto changing the label looks promising. It would be awesome if you can figure out how to auto change it.

Cat's band crushes July 28, 2010 at 8:44 PM    

help, this isnt working?
i followed your rules but it isnt there..

Greenlava July 29, 2010 at 1:43 PM    

@Cat's band crushes
Where is it on your blog? I can't find it.

Timepass Guru August 3, 2010 at 5:41 PM's not working on my blog,please once check my blog....

i replace the following

youe blog url :
Your label : results
a href="" : a href=""

only title is coming,posts are not coming,its my tesing blog..
please check my blog :

Greenlava August 3, 2010 at 7:50 PM    

@Timepass Guru
See my answer in the (Blogger Help) forum.

jmvicuna August 31, 2010 at 11:17 AM    


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:

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).

I hope you can answer me, and thanks a lot for your work!!

Greenlava August 31, 2010 at 4:45 PM    

1. 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.

jmvicuna August 31, 2010 at 10:37 PM    

Thank you a lot Greenlava for your help. You're awesome!! =D

vixzana September 15, 2010 at 11:33 AM    

nice info...i need this...thnks a lot

Diane October 13, 2010 at 4:22 AM    

Hi Greenlava
I 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.

My blog is


Greenlava October 13, 2010 at 4:24 PM    

To turn the sidebar bullets red, add this CSS snippet in the custom CSS editor:
.sidebar li {color:red;}

Baking Fiend October 14, 2010 at 3:49 PM    


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.

Greenlava October 14, 2010 at 9:49 PM    

@Baking Fiend
I'm not sure if this helps, but here'a a link you might find useful:
Automatic List of Labels for Blogger Classic Templates / FTP

Baking Fiend October 19, 2010 at 9:15 AM    

Thanks Greenlava, will try this out. :)

♥Min Eden♥ November 20, 2010 at 4:22 PM    

Helou there!
I have a problem with the "recent posts" gadget. Could you please take a look? I have it down on the page : or
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 :)

♥Min Eden♥ November 20, 2010 at 8:42 PM    

Hello Again...
Forget my last comment. I had totally missunderstood it, I thought it was all recent posts widget...sorry...

Muhammad Taqi November 29, 2010 at 4:39 AM    

can you know label json only ? :(

Greenlava November 29, 2010 at 9:18 PM    

@Muhammad Taqi
Could you rephrase the question?

admin December 5, 2010 at 8:07 PM    

great stuff, thanx. it's just what I was looking for my blog post list :D

Jeff Cohn December 10, 2010 at 9:29 AM    

Love this script and makes my blog a lot more useful for someone who finds me for the 1st time. I have 500 posts to share but very hard to organize it for the 1st time visitor. This has helped a lot!

Happy Cottage December 11, 2010 at 1:45 AM    


I've copied the codes but it doesn't show my list of posts. But if I use your url, it shows your list. Looked through the posts above but still can't find the solution.

Also, is it possible to list the posts in a label specific tab instead of appearing in all the tabs?

Thanks a lot.

Greenlava December 11, 2010 at 9:26 PM    

@Happy Cottage
1. If you give me your blog URL, I can check it for you.
2. Place the widget in a static in a page. Use the same method explained in this tutorial: List post titles in alphabetical or chronological order

Happy Cottage December 12, 2010 at 12:12 AM    

Hi Greenlava,

My url is

Don't know why, the list of post appears suddenly today!

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?

Thanks for your help.

Greenlava December 12, 2010 at 7:34 PM    

@Happy Cottage
Yes 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.

Happy Cottage December 13, 2010 at 2:14 PM    

Hi greenlava,

I actually wanted relevant list to appear in their respective labelled pages/ tabs, not separate static page. Eg, list all my post labelled "resources" in the tab "resources" (not a static page).

Diane January 11, 2011 at 6:25 AM    

Hi Greenlava
As 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;

Greenlava January 12, 2011 at 11:15 AM    

The widget will show the same number of posts regardless on which page you are viewing (by clicking the old/new posts link).

AK January 15, 2011 at 4:18 AM    


Greenlava January 16, 2011 at 11:27 AM    

Try repeating line 21, each time appending a different start-index query.
For example,

will list your 501st t0 1000th posts

Dea January 26, 2011 at 6:49 PM    

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??

Greenlava January 26, 2011 at 8:59 PM    

This 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. February 3, 2011 at 7:53 AM    

How can we make the list arrange alphabetically ??

Greenlava February 4, 2011 at 7:29 AM
Try this Listing post titles in alphabetical or chronological order (but to list only posts of a certain label you have to edit the pipe).

Sweetly Made February 7, 2011 at 7:43 PM    

Hi Greenlava,

I followed your instructions exactly but my tagged/labeled posts are not appearing under the individual categories. Do you have any suggestions?


Greenlava February 7, 2011 at 9:12 PM    

@Sweetly Made
2 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).

Sweetly Made February 7, 2011 at 10:27 PM    

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?

Greenlava February 7, 2011 at 11:46 PM    

@Sweetly Made
Oh that's what you really wanted to do.
I have just the right post for that :) Adding non-pages links to pages/PageList gadget

Just add these label URLs for the links:

Sweetly Made February 8, 2011 at 11:49 AM    

Thank you Greenlava! You truly are brilliant! I'm really liking the side categories and loving the top links! Everything is working wonderfully!

Kenneth Huerte February 10, 2011 at 10:26 PM    

do you know how to put image on it? every link??

Anonymous,  February 11, 2011 at 7:21 AM    

This doesnt work :( i tried it twice
could you be more specific, please?

Greenlava February 11, 2011 at 9:38 AM    

@Kenneth Huerte
No, I don't.

myself-corp February 17, 2011 at 3:41 PM    

wow this is great tips, i'll try it with my blog. thanks

☻irvtheasianboi☻ February 17, 2011 at 6:10 PM    

Hi I was wondering if you can help me please? my problem is how to add:

"showing new post with Label XXXX. show older post" to another page of my blog.

note:not just the title but the entire posts.

one good example is kinda like this blog:

please help me I am really a newbie in html/scripts and this is my first blog =(

Sarah February 18, 2011 at 3:22 AM    

I am trying to do this on a static page, but I'm not getting anything to show up. Could you please take a look:

I am trying to get the titles of all the posts with a label '5 stars'. Thanks so much!

Greenlava February 18, 2011 at 4:46 PM    

Add a non-page tab to the Pages gadget, refer to Adding non-pages links to pages/PageList gadget
and use your label URL as the link for the tab:

irvtheasianboi February 18, 2011 at 6:42 PM    

OMG! thank you soooooooooooo much! words can't express how much you helped me. thank you thank you thank you! you have very easy instructions to follow for a newbie like me and it works! thanks!

Greenlava February 19, 2011 at 1:29 PM    

Please repaste the code (in HTML mode) and Publish.
Should you need to go back to post editor to edit the code, never go into Compose mode because Blogger will break the code again if you do.

glutenfreespinner February 26, 2011 at 1:55 AM    

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?

Thank you!

Greenlava February 27, 2011 at 12:11 PM    

See reply #35 no.2.

Jonas Stavborg March 1, 2011 at 7:02 AM    

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?

Greenlava March 1, 2011 at 10:48 PM    

@Jonas Stavborg
So you want to add the code in Design > HTML?
You need to escape the code first. Use this escape tool.
Paste the escaped code in the HTML.

Jonas Stavborg March 2, 2011 at 10:58 AM    

@Greenlava oh my, I've been looking for a tool like this. Thanks man! :)

Jonas Stavborg March 2, 2011 at 9:52 PM    

Thanks for the help @Greenlava. If I'd only knew this sooner :) Step by my site and see what you think of it if you got the time :)

joyjoyc March 17, 2011 at 9:12 AM    

Hi there,

How can I add thumbnail images from my posts with it?

Carmi Salas-Sarte March 17, 2011 at 10:27 PM    

This is awesome! I've been looking for a code like this all day! Thank you very much :)

Greenlava March 17, 2011 at 11:32 PM    

I'm afraid you can't.

Noname March 27, 2011 at 8:00 PM    

Thanks.. I've been looking for json feed that's showing based on specific/certain label. It works perfectly in my blog and i found it only in this site. Other's just using all summary..

teddytop March 28, 2011 at 7:27 PM    

impression, thanks for this information. i really appreciate it.

Sarah March 31, 2011 at 10:20 PM    

I'm not sure if anyone else has posted this yet, but don't forget to type 'http://' before your blogs URL!

I'm just so used to typing in URLs without the http or the www :)

The Reviewer June 12, 2011 at 8:48 AM    

Is there a way of doing this, but order the post titles in alphabetical order, instead of most recent?

Kind regards

Greenlava June 13, 2011 at 3:08 PM    

@The Reviewer
For that you want to read Listing post titles in alphabetical or chronological order. The answer lies somewhere in the posts's comments.

happy.cottage June 29, 2011 at 1:32 PM    

Hi Greenlava,

How do I change the font size of the listing?

Greenlava June 30, 2011 at 1:18 AM    

You can add inline styling to the [li] tag in line 15, like this:

[li style='font-size: 12px; float:right;']

change 12px with your own value.

internet tips tricks July 4, 2011 at 10:01 AM    

thanks for this! nice guide!

RASTRACHETHANA July 12, 2011 at 5:12 PM    

This Gadget Not working on

Plz Help Me

Greenlava July 12, 2011 at 6:26 PM    

Use (instead of as you blog URL.

Pelangi Toko 85 August 25, 2011 at 10:33 AM    

great... this is what i want... semi automatic can control manualy

India-leigh@AVEGANOBSESSION September 17, 2011 at 1:24 AM    

hi, you are so kind with all the help you give. Do I have to do anything at line 5 & 18? thanks

India-leigh@AVEGANOBSESSION September 17, 2011 at 1:35 AM    

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 and advise. If I could just have three pictures showing and a clickable link I'd be over the moon. x

CH (CPT) Paul Belcher September 28, 2011 at 4:04 PM    

This was a big help for me. Just want to know now how to hide the label feature so it does not look repetitive?

Greenlava September 29, 2011 at 10:44 AM    

@CH (CPT) Paul Belcher
At the bottom right of the label widget, there is a wrench icon. Click the icon, followed by "Remove" button in the popup.

ifootballvideo October 1, 2011 at 9:27 AM    

hey i m using this widget,just one question how to change title colors?

DriverSide October 22, 2011 at 10:35 AM    

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! :-*

Marco Joe November 2, 2011 at 9:18 AM    

thanks you very much, runed success...

मोहिनी November 24, 2011 at 1:57 AM    

Thank you so much great help

Chetankumar Chandak December 10, 2011 at 3:45 AM    

thanks helped me...can we have images of the urls as well?

adam,  December 31, 2011 at 5:10 PM    

Hi Green lava,
I've use it and it's run,
but,how to make the link open in the same tab ?


Greenlava January 1, 2012 at 12:09 AM    

Refer to reply #22.

yeminli tercüme bürosu January 6, 2012 at 7:21 PM    

Thanks for sharing.

Yo,  January 13, 2012 at 9:18 PM    

Hi Greenlava,
Thanks for your knowledge!

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... ?


Greenlava January 16, 2012 at 7:56 PM    

I was thinking the same thing when I first started the alphabetical widget...but it was too difficult, hence I ended up with Yahoo pipes.

Muhammad Septi Rosidi January 20, 2012 at 2:31 PM    

Thanks so much blogger sentral...
Your post about "How to list recent post titles by label" very usefull for my blog...

Raquel Johnson January 22, 2012 at 11:48 AM    

Thank you friend :)

Babysitters January 23, 2012 at 5:03 AM    

Perfect! Worked in my first try!

Roxx February 4, 2012 at 7:12 AM    

Thanx my bro simple and easy code

Wanville February 6, 2012 at 10:36 PM    

tq. worked fine. love it.. i was looking for long time ago.

Anonymous,  February 9, 2012 at 6:02 AM    

nice, it helps alot, thnx! ^^,

Bibhuti,  February 17, 2012 at 5:09 AM    

It's Awesome....tnx dear

Terbaik February 17, 2012 at 4:49 PM    

In my opinion, maybe this way I ever got for making such easy labels do not need a long time. tutorial that you gave a very inspiring to me. thank you

Cyberthief83 February 28, 2012 at 5:40 PM    

Just said... Thank You...

Rhondi ~ Big Mama's Home Kitchen March 4, 2012 at 1:14 AM    

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 March 5, 2012 at 8:56 PM    

@Rhondi ~ Big Mama's Home Kitchen
Try this: Abu Farhan's Table of Contents for Blogger

KBI Report March 27, 2012 at 10:19 PM    

Excellent, I have successfully added the code. Thanks, for sharing such a beautiful thing with us.

Barbie Van Horn ( April 22, 2012 at 9:05 AM    


This doesn't seem to work on my blog. When I insert it all I get is:

01 02 03 21 22 Get this widget 23

I've tried inserting into a new page (really what I want) as well as as a gadget for just the home page. Same results each time. Any advice?

cakemier April 22, 2012 at 10:35 PM    

Thanks Greeny, It works well

Push April 22, 2012 at 11:03 PM    

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
or the result will be displayed in the list. Same result this wonderful plugin. Please!

Greenlava April 23, 2012 at 12:58 AM    

@Barbie Van Horn (
To copy the raw code (without line numbers), click the view source (<>) icon and copy it from inside the popup.

Greenlava April 23, 2012 at 2:45 AM    

There's a tutorial for that:
Showing only post titles on archive and label pages

and in your case replace this line (in that tutorial):
[b:if cond='data:blog.pageType == "archive"']

[b:if cond='data:blog.searchQuery']

Barbie Van Horn ( April 25, 2012 at 11:08 PM    

You are my hero! Thanks so much for your help!! May 8, 2012 at 11:09 PM    

I have much more than 500 labels, what I must do?

Thank you!

Greenlava May 12, 2012 at 1:04 AM
Please read reply #120.

Shilpa Nair May 23, 2012 at 4:37 PM    

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! May 31, 2012 at 6:05 AM    


Thank you :)

Govt Jobs June 24, 2012 at 6:12 PM    

Thanks...It is working for my Blog..

Lighthouse June 28, 2012 at 1:30 PM    

Clear tutorial.. Thanks for sharing..

Christine June 29, 2012 at 12:22 PM    

Just what I've been searching for! I know you already addressed this above, but I'd love something that displays thumbnails as well. Thanks again!

Anne July 10, 2012 at 10:49 PM    

Thanks MUCH! Just what i'm looking for. The code worked for me.

Anil August 4, 2012 at 7:54 PM    

thanks dude...a great one...

Johnny,  September 29, 2012 at 7:21 PM    

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!

Dinesh October 6, 2012 at 8:22 AM    

Thanks BloggerSentral ...... keep the good work up ....

Medina Sumendap November 5, 2012 at 8:55 PM    

Thank you! life saver :))

Ary_Putra December 9, 2012 at 4:08 AM    

I was lucky to find this article, because basically I really need this tutorial. and we also enjoyed. your blog is very good, I would definitely go back to see the latest info from your blog. thanks

Michael Gentile January 3, 2013 at 9:38 AM    

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?

Greenlava January 4, 2013 at 1:02 AM    

@Michael Gentile
You don't need a static page for that. What you need is this:
Adding label (category) tabs to navigation bar

hAnGp January 7, 2013 at 6:44 PM    

thank you so much... i've been looking for a very long time for this widget...thanks and thanks to google also as it is the search engine that gives me your site. KEEP UP THE GOOD WORK.

aku ore ganu January 12, 2013 at 10:28 AM    

hi..why when i click the post title, it will open in new tab? i want it open in same tab..could you pls help me

Greenlava January 18, 2013 at 6:25 PM    

@aku ore ganu
Please read reply #22.

Arafat January 28, 2013 at 2:37 AM    

This is really easy and helpful. Thank you for this code

Barbie Van Horn ( February 13, 2013 at 6:28 AM    

When I switched to Dynamic Templates in Blogger my lists disappeared even though the HTML is still there. Has anyone had that challenge?

filecrap February 18, 2013 at 12:39 AM    

Thanks.. this really help me.. thanks again..

Greenlava February 20, 2013 at 1:15 AM    

@Barbie Van Horn (
At present Blogger does not provide an option to display HTML/Javascript gadget on Dynamic View Templates.

Steven,  February 25, 2013 at 4:59 AM    


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

cewek manis March 24, 2013 at 3:01 AM    

ini info yg saya cari.. maksih gan

Admin May 5, 2013 at 12:23 PM    

it's really usefull. Thank so much :D June 8, 2013 at 3:32 PM    

THank you sir,
I'm going to use this to display results by label,

Akshlat June 19, 2013 at 2:15 AM    

thanks for providing me the easy code..
this helps me and my team..
will share this on facebook.

hiren June 21, 2013 at 7:09 PM    

nice article sir it will very help full for me i used this code thanks for sharing...

Prajnya Rao June 22, 2013 at 7:41 PM    

many many thanks - i have been struggling with this for more than a few months now. what surprises me is that blogger itself does not have this option in a user friendly manner - extremely grateful.

butik busana muslim June 26, 2013 at 11:53 AM    

good, very clear info.
Before using I just wanted to thank you for a very useful tutorial

parking management system July 11, 2013 at 2:16 PM    

It is a good blog and nice to know about this blog and thanks for sharing here with us.

parking management system

parking management systems

Pablo Gener August 9, 2013 at 9:00 PM    

THANK YOU, thank you, thank you so much!! this worked incredibly great!!!! it's awesome!

Steve B. August 12, 2013 at 11:34 PM    

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.

Would appreciate it very much if you have a solution ..


Pacific Flash August 30, 2013 at 6:53 PM    

Please help on showing thumbnails on the recent post as well

Ririn September 4, 2013 at 5:25 AM    

I have just apply your widget in my blog. However, I don't know why the widget is not successful :(

SentiasaPanas September 4, 2013 at 5:46 PM    

Super thanks to you for this great widget..:)

Sathit Jongcharoen September 10, 2013 at 11:17 PM    

Thank you, it is really useful.

Hector C. Aspano September 20, 2013 at 9:13 PM    

Thanks so much! Easy and 100% useful!!

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.

azmi mohd September 25, 2013 at 1:02 AM    

hi..tq for the great widget...why when i click the title , it will open new tab/window? how to change to same tab/window?

azmi mohd September 26, 2013 at 7:50 PM    

refer to #145

line 5 or line 15? i only found "_blank" in line 15, but when i change it to "_self".. it not working. nothing appear...sorry. do i made mistake?

azmi mohd September 27, 2013 at 12:00 PM    

(aku ore ganu).....sorry ..just forget my previous comment.. its work already. tq very much

My Press-Release September 27, 2013 at 11:36 PM    

This is real awesome!!! I used it on my site and feel happy :) Thanks a lot for your work!!!

Sarkari Naukri October 2, 2013 at 4:45 PM    

Thank you very much Sentral .. working fine for me

Mia Gecomo October 6, 2013 at 2:24 AM    

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.

Greenlava October 7, 2013 at 7:23 PM    

@Mia Gecomo
You need to URL-encode the label first. Sounds complicated? Not really.
Just replace the space between the words with '%20' like so:

Click to go to top Click to comment