Creating an archive list in separate page

There is always a thing that bothers me. When I go to other people's blogs, they have a long long list of archived pages, or banners after banners. Now that my blog is starting to grow, I believe there is a need to put them in a separate place. Here it is. a simple javacript that does the loading and rendering. If you ask me, I still can't make all that by myself.

Credit

http://www.fabulousblogging.com/2013/01/19/creating-an-archive-list-in-blogger/

see http://too-clever-by-half.blogspot.hk/2011/12/blog-feed-500-post-limit-for-more-than.html if you have more than 500 posts and want to somehow include them too