How to ADD a table of Contents in BLOGGER?


Here's how to create a Table of Contents in an Archives Page, sorted by dates :
  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.

  2. Next, select the Edit HTML mode to prepare your post. Copy and paste the following code into the post box :

    <script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js">
    </script>
    <script src="http://jacqsbloggertips.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc">
    </script>

    Then, change the code in red (jacqsbloggertips.blogspot.com) to theURL of your Blogger blog.

    Screen shot to illustrate how to create an Archives Page

  3. You can add extra content, such as an introductory/explanatory paragraph above or below the script code, if you wish. Do this while in the Edit HTML mode. Then click Publish Page and you're done. Once your Archives Page is published, its tab will appear under your blog's header.
    (Tip: the Page tabs are linked to the Pages widget (gadget) at Layouts | Page Elements where you can configure the page list).
Hope the above tutorial on creating an Archives Page on a Blogger blog had helped you to create a similar page for yourself and put smiles on your face! Enjoy! :-)

For those with Wordpress-powered website, you can learn to install the WP-Archives plugin to create an Archives Page...refer to my tutorial at jaycjayc.com, if you're interested.