In this tutorial I will show you how to list the titles of your blog’s 1000 2000 most recent posts. If you are looking for an alternative to Blogger’s Archive gadget, then this might be it. This list can also be used as a Table Of Contents. This list is made possible with the use of Yahoo! Pipe.

When you’re done editing and saving, test run it by clicking Run Pipe button to confirm the output of the pipe.

To use your edited pipe, copy the pipe id and paste it to replace the existing id in line 22. (To get the id, look in your browser’s address bar. The id is the end part the URL when you are viewing or editing the pipe.)

cheaperbooks,1. It's your id (as in &_id=xxxxxxxx). The number is incorrect, it should be longer. I've tested with the original id, and it worrked.To get your pipe's id, go to Yahoo Pipe>My Pipes and click on the pipe name. Look at your browser's address bar, the id is the end part of the url.2. Paste the code in the same HTML/Javascript gadget, next to each other. Preferably enclose each button code in span tags.

Hi again,I click on My Pipes, then there's Pipes Web Address. Is that the one i shld use? I've tried using the end of the url, after eyuid= But so far nothing when i view my blog.I don't have a pipe name - it says "Looks like you don't have any Pipes". will all the previous post get loaded into this new gadget?Sorry ya. I'm very blur.

cheaperbooks,You need to clone my pipe first, go to my (GreenLava's) pipe and click clone button. Then click My Pipes tab, you should see "Post titles list in alphabetical order v1 copy" in there. Click that pipe and look inside the address bar. The url should end with ...pipe.info?_id=xxxxxxxxxxxxx

Greenlava,Thank you. You have done a fantastic job. This is the first time i heard of pipes. Well, the best part is that i can get on with my work and it's been simplified as well. Appreciate it so much.

Daniel,Yes it is possible. The pipe uses extract data from your blog feed, so regular search label url won't work. You need feed's label url, which is http://YourBlogUrl/feeds/posts/default/-/x, where x is your label.But, you have to do it from inside the pipe. Clone the pipe (if you haven't), go to the "URL builder" module, on top 2nd from left. You'll see a text box containing "feeds/posts/default", replace it with "feeds/posts/default/-/x".Try it.

Greenlava im in desperate need of your help!My website at tvbdownload.blogspot.com has the code, it was working now it isn't. I don't what the problem is! I pasted your bloggersentral.blogspot.com and it works, listing all your posts on my blog. but when i replace with mine, it doesnt show anything. can you please help me? I put the code on the right side under "All TVBdownload series & posts"

Hi Greenlava,I'm all new to these codes here. I copied the entire code you listed on this page and only replaced the url with my own. However the list is not coming up on the page? Where did it go wrong? Thanks!

Hi Greenlava,Thanks for your prompt reply! However I'm still not getting it. I did select "no" to breaks conversion. May I confirm that: 1) I don't need change anything on line 18 and 26 in the code? 2) I tried to link it to the menu tab, does that mean I can skip the "put list in gadget" part?Thanks again for your help here! Your blog is really informative!Winnie

@WinnieYou did right....except for 2 mistakes.1. In line 14, your code:document.write('[/a][/li]'); (the code is splitted into two lines)the correct one should be:document.write('[/a][/li]'); (only one continuous line of code)

OMG! It works!! Just two more things I want to make it look more nicer ... 1) how do I get rid of the gap between the title and the list of all posts? That gap seems to be quite big in look. 2) How do I exclude the "All post in alphabetical order" on the list?Your help is much much appreciated!Winnie

Hi Greenlava,Sorry it's me again ... my All Posts list is not updating correctly? (I deleted a post and added a new post, the All Posts list shows the deleted one but not the new one). The Rent Post widget also has the same problem.

In addition to this, my blog (when not siged in) has all these "hammer" incon for editing? Please help! ... Winnie

2. There is a pipe: Post titles list in alphabetical order with label filter that filters labels. You can use (or clone) this one.To use it you need to:-Change the pipe id in line 22, with the new pipe id.-Label your All Posts post, say with "mylabel".-Replace line 21 with @Labelfilter1=mylabel

This pipe arranges post titles alphabetically, with no option for chronological order.

@Rookie1. Arrange reverse chronologically?That the feed default order. You need to clone and edit the pipe.Do this:Connect a direct pipe from the output of the Rename module to Pipe Output module, bypassing the split, filter, sort and union modules.

2. Divide lists with respect to monthsHave you considered the Archive gadget?

Question...I want to have the "make your own" link stay where it is but have the "make your own" link open in a new window. When I add the [target="_blank"] after your url at the bottom of the code, my alphabetical list disappears and all that's left is the page title and the "make your own" link (which opens in a new window, btw).

I recopied your code into my page editor, took out line 13 first, changed your blog url to my url and then put in my pipe.

Viola! It looks perfect now.

fyi - I had to recopy the code into my page when you changed it to include the target blank command as well. I hope that doesn't mess up anyone else. It's probably just me. I tend to get complicated sometimes. :P

You have really solved a great problem of mine. I'm very much thankful to you for this script.

But i still have a small issue around that and need your help in resolving the same.

I am writing a blog (u can say it's a book), on the biography of a saint of india.So i want all my posts to be displayed as table of contents chapterwise serially. So used the option "Chronological" and it worked fine but it shows the posts in reverse order in my blog. I want to turn it UPSIDE DOWN. Any idea how to do that?You may visit my blog here for reference:-http://veerabrahmendraswami-biography.blogspot.com/

Thanks for the reply (post#45) to my query (post #44) above. But i must admit that i'm not at all good at coding or scripting. I don't understand what is Pipe and how to clone it etc. techinical stuff. Moreover it's been only a month i have started venturing into blogging. So, would request you to help me out in case you have a ready made script which solves my problem of turning the chronology upside down.

Alternatively i also tried to use the widget alphabetically. But there since my chapters are numbered as "Chapter1, chapter2....chapter10 etc....what it does is it is placing chapter1, chapter10, chapter2...like this ...so even if this issue could be solved, i would be thankful to u...

OK I'm being frustrated and therefore a bit harsh but this is impossible to get to work. Now I've found a better HTML/Javascript gadget but the final result is still a fiasco. All that is displayed on my blog is: "01 02 19 26 27 Make your own" Not much of an alphabetic list...

How come that when you follow instructions to the point everything still turns to *expletive*?

I named the gadget - I copied and paste the code - I changed the url in line 20 to my own - I saved it. Now what!?

@R,HighDefinite something wrong if all that came out is the "make your own" link.Why don't you leave the widget on. I'll check it from here.

mogwai,
May 12, 2010 at 10:01 AM

Hello, Thank you for posting this script, it works great!I have it installed on my blog but I noticed that there is a delay when I add or delete a post... or when I modify the title of a post. What is the reason for this update delay? Is it something that can be fixed? Is it caused by the Yahoo Pipe or by Blogspot?

Again, kudos for this tutorial! It is excellent. You are simply the best. Thanks! Thanks! Thanks!But I could not succeed in having the post list in the form of a dropdown menu as is the case now with the label list! Any advice?

hi. when i preview my list shows up just fine but when i go to my actual blog and click on the chronological list of post titles, there is no list. i don't understand. my blog is www.busyasabeeinparis.blogspot.comi put it in a static page, by the way.i LOVE your tutorials, by the way!thanks for your help!

ok. seems to be working now okay. now my question is how do i get my navigation bar to lead to separate pages like this, rather than taking readers directly to all of the posts i would like separate pages with the related posts for the separate labels on my navigation bar. does that make sense? thanks for your tutorials!

@LimpmikeMy pipe uses two URL builder modules -one with start-index=0 and another one with start-index=501, both with max-results=500.What you want to do is add two more modules, with start-index=1001 and start-index=1501. Keep max-results=500.Of course to do the above you have to clone the pipe first.Good luck and come back to tell us if that works.

Hi,This widget is great! Thank you so much.I need a little customization. Can I exclude some particular post from this list?

My problem: I'm doing a lyrics site in a blogger. So this widget is very much useful to me to create a Content page. But there are 2 posts which I posted as an introduction to my site & as a notification when I got a new domain to the site. So I want to create the Content page excluding only these 2 posts.

@ධනික | DhanikaYou're in luck because I'm currently using that on my Post Index page. But your list will be fixed at alphabetically.Replace this:&Order=alphabet&_id=401e43055731c1a29f1e1d3eb5e8e13fwith this:&Labelfilter1=label1&Labelfilter2=label2&_id=768db86adb524aa4b02586298d339ac2

you can exclude up to two labels. Make sure you apply only one label per post.

Please help. I have successfully inserted your Recent Posts widget, using the scroll bar, and showing all posts in chrono order. It worked fine but today all the post titles disappeared leaving only the scroll bar and the "Make your own" link. What happened???

see sidebar at my blog: http://vocablog-plc.blogspot.com/

Anonymous,
July 21, 2010 at 3:59 PM

I used this on several blogs until recently it just stopped working (no change in the script).

Just whipped up a test blog to test: http://testbeforeuse.blogspot.com/p/toc.html

Looking at the few URLs posted in the comments, some of them are no longer working, though many are working... =/

Hi when I cloned the pipe and test ran the thing it showed a bit of output- blog post title, a thumnail and a lead in text, I thought wow that would be a cool way to display the post archive- question is I wouldnt have the foggiest idea how to display all this- its something to do with the javasrcript yes? any hints? :)

Thanks for that Greenlava- I did try the badge option - it worked as you said it would, unfortunately the look doesnt integrate very well... maybe if I could understand a little better how the javascript bridge works and where the values are drawn I could experiment a little more- I am new to yahoo pipes and I could possibly use what you have done as a basis for further experimentation, but for the life of me cannot figure out where the values are drawn from and which one produces the image in the output.

what I would like to achieve is that the list of posts resemble the newish blogroll feature that shows a small thumbnail, post title and lead in text- that is such a nice look- wonder if an rss feed will achieve that?

@Nigel MaskellI'm not that familiar with yahoo pipe badge, but I don't think you can alter the output. It's all determined by yahoo's own javascript.Maybe you want to browse the available pipes to find a pipe that suits you.

How can I keep this list centered in a page or have 2 columns? I am using this with your "Apply different layout/styling to static pages". By default it aligns to the left but this makes the page seem a bit empty with a lot of room to the right. Thanks in advance!

You were an answer to my long, long search for a way to list the titles of my blog posts rather than labels. Everything was working fine for two days and then today, the titles aren't showing up. Could this be a temporary glitch in Blogger or something I need to fix? Any suggestions? http://www.enterthebetween.blogspot.com. Thanks. If I can fix this, I will share with all my followers.

This is so strange. I wrote a few hours ago that the title list widget wasn't working, and now it's working again. Again, thanks for sharing this. I notice that visitors to my blog are staying longer now, some for hours. I'm sure it's due to the fact that they can see past titles to my blog in ADDITION to an archive list.

Hello! 10x for tutorial. I have a little problem, it works if the code is inside a widget, or a normal post, but it doesn't work if it's in a static page /p/. Is there a solution for that (i see you have a static page with all the posts), or this "trick" works only for widgets and posts?

@jenThis widget is made up of two components -one is the code (in no.5), and the other one is the Yahoo! pipe.To list the post titles reverse chronologically, do as mentioned in response #34 (to the cloned pipe).Leave the code as it is.

I already have navigation tabs but I wasn't successful in inserting the code to my template editor window to make it work. I got this message when I tried to save the changes I made.

"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.XML error message: The content of elements must consist of well-formed character data or markup."

Can anybody help me? Here's my blog http://ladyinpurple-jazzie.blogspot.com :( I've been looking for this feature..I REALLY NEED HELP :(

Btw,I'm not sure if I'm doing the right thing. I changed the url from the code provided here to be pasted from blogsentral to mine.Is it correct?

and how will I perform option 2 instruction #6-Then add a link to the page from your homepage. This can be done by adding navigation tabs. If you have the page gadget installed, this is added automatically by Blogger.

I am a blog newbie (lindsayfrucci.blogspot.com). My site includes essays and recipes. I wanted to find a way to offer an alphabetized index for the recipes. I've titled all recipe posts with the recipe name, so just including all the posts in an index would work. I followed your instructions and the gadget is on the site, but is just an empty white box. Help!

Huh? I carefully followed your instructions step by step and this is what happened. I actually did it three times (deleting what I had just created) thinking that I must be doing something wrong. LOL - how did I do this???

I went into Design, then Page Elements, then clicked on a "Add a gadget" link. HTML/Javascript doesn't appear as an option, but I found someone else who said they searched on HTML in the "Add a Gadget" pop-up and found the option. I did that and found the HTML/Javascript option. I clicked on that,gave it my title, copied your code, made the adjustments you said to make, hit "save" and the white box appeared.

@Lindsay FrucciI found your gadget! Yours is the one by "HTML source code Javascript" right? Well that's not it.The correct one would be by "Blogger".It's the sixth item in the popup after you click the Add A Gadget link. You have to scroll down to see it.

Worked like a dream! I know you're going to think I'm crazy, but that HTML/Javascript tab was not there yesterday. I went through the list repeatedly and then on another site found someone else complaining about the same thing: HTML/Javascript not offered as an option. That person was the one who suggested searching for it...

This worked great in IE but in Firefox it keep reloading my page to your rss page with all your posts. I took code out for now, do you know what I might have done wrong do make it go to yours? I changed the code to my site, the pipe worked it was awesome in IE :(

@goyalTo show more than 1000 titles, you have to clone the pipe and add more feeds. Currently the pipe takes in 2 feeds consisting of 500 posts (which is the max allowable count) each.Look for URL Builder modules in the pipe. Add a module with similar specs but with a "start-index" of 1001 -this will increase posts count to 1500.

@gangstaYou mean the default (reverse chronological) order.Try this tutorial:How to list recent post titles by labeland to fetch all posts, you need to replaceYourBlogUrl/feeds/posts/summary/-/YourLabelwithYourBlogUrl/feeds/posts/summary

Hi there,I've been trying to add this archive to a (static) page on my blog (inspiredbythemuses.blogspot.com), but I can't seem to make it work. I've tried to add the html code several times and went to pipes.yahoo.com, where it works like a charm. Still, my static page just opens to an empty page.I'm rather new to blogger and am somewhat runnig out of ideas...

Simply awesome, just the thing for my new website www.fundterms.com - not sure if people will want to wade through the 300+ list to find the term they're looking for, but hey - now it's there! Thanks!! :-)

@अणुमुक्तिThere are line breaks [br/] in your code. I suspect you switched to "Rich Text" prior to saving the HTML/Javascript gadget, thus introducing the code.Copy and paste the code once again, never switch to Rich Text mode.

Hello! Thanks for sharing with us all your knowledge. I put my Yahoo! Pipe in a static page, it worked very well for a few days, people used to visit frequently. But it stopped working. So I put a direct link and it works now. But, I like the list en a static page.What´s wrong?My blog is:http://vamosacomerrico.blogspot.com/Thanks Greetings

@AnaPlease 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 breaks the code if you do).What if you automatically land on Compose mode? If that's the case, DO NOT save the page.The safest route to edit the code is by using Notepad, as explained by Electrician in Toronto in #151.

http://ripedmovies.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999THIS IS MY YAHOO PIPE FEEDCAN U POST MY 2700 POST ALPHABETICALLYI TRIED MANY TIMES AND FAILEDI CAN ONLY POST 500PLEASE CAN U DO IT FOR ME

Jesus Christ you r really greatthanks for doing such a complex work for mei am a big fan of yoursi asked this question to other guys tooobut they ignoredyou r an exact modelthanks for helping greenlava i love u

Awesome thanks for the help, i also fount that by using (http://YOURBLOGURL/feeds/posts/summary/-/LABELHERE?max-results=MAXRESULTSHERE&alt=json-in-script&callback=recentpostslist) in the Yourblog URL you can also sort the posts in order with a specific label,

Hello!I have a question .. I have put my pipe in my blog in two diferent ways, in the center of a page (as a list) and a widget with photos (on the left side). Some time ago, photos of recent entries have a larger size.What could be the reason? I wish they all had the same size, but ...My blog is: http://vamosacomerrico.blogspot.comThank you very muchGreetings

The widget is in the top right of the Blog, is the second one. The title is: ¿Buscas una Receta?The link: "Recetas con Fotos". If you click it, you'll see - the list post titles in alphabetical order -, with photos. There are some with small photo and some others with a bigger photo. Why?Thanks for all!Grettings

@AnaIf you check the URLs of the pictures you'll see that the bigger pictures are hosted on googleusercontent.com whereas the smaller pictures are hosted on blogspot.com.For the bigger pictures I suspect you linked them direct from picasaweb.To get them hosted on blogspot.com you have to upload them via the post editor.

I also thought that. Picassa does not long ago, hosted the pictures on googleusercontent.com no on http://1.bp.blogspot.com I always download the photos in the same way and is now when that happens. Well, then, is an error in Blogger. I will do what you tell me until they fix the problem.Have a nice day!Thank you very much!

@Lenggang Kangkung@AdministratorProbably due to Yahoo pipe server problem or maybe the pipe hit the 200-calls-in-10-minutes limit.For the former you can do nothing about it. As for the latter, you can clone the pipe.

@reddevilshnOne way of doing it is like this, it a two-step process:1. Categorize your posts by applying "Artbook", "CG" etc. labels to corresponding posts. Then add a tab linking to each label-search URL. Please refer to this tutorial:Adding label (category) tabs to navigation bar

Hi ThereI have used your script for listing a label. It works really good no probs at all. I now want to list all posts from one label, alphabetically. I have tried script above but cannot get it to work. When I paste it into HTML gadget nothing is listed. I really don't understand this yahoo pipe. or how to re configure this script. Would really appreciate some help. my site is http://1club4all.blogspot.com/

Fantastic tool - thanks a million. However, is there any way of changing the default alphabetical order to be language specific? In particular, I want to be able to order according to the Czech dictionary (with Č following C, for example). At the moment, accented characters come after Z, which is a little unfortunate!

This is beautiful. I've been looking for something to render an RSS feed like this, and found it here. As a suggestion to others, you can use the Filter pipe tool to remove individual posts, like a home page, or to only include certain posts such as labels. Also, I used a Regex filter to remove SKU's from the post titles (I'm using it as a product listing, so by removing the SKU which leads the product name, I can sort alpha instead of by numbers.) This is beautiful, thank you good sir!