Creating a Contents Page on blogger, Simple!

1. Create a Page first - go to Dashboard | Edit Posts, which will then open the Posting tab in Blogger. Select Edit Pages, click on the New Page button and type in the Page title, e.g Archives, Table of Contents or Sitemap, or whatever that you fancy. Ideally, the title should be short as that will also serve as the page tab's name in your blog. (Incase you dont have pages gadget, first click on "design" and you will see a template of your blog. In the top-center click on "Add gadget" and the gadget list select "pages" Restart step 1)
2. Next, select the Edit HTML mode to prepare your page. Copy and paste the following code into the post box :
   
   
   <script src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js">
   </script>
   <script src="http://URL HERE/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
   </script>
   
   Then, change the code in red to the URL of your blog like 'trivialstrife.blogspot.com' (without the single quotes). Click save. 
3. DONE!