How to Add a Table of Contents/Archive Page to Your Blogger Blog

Tweet

 

Table of Contents for Blogger is a useful little widget first created Abu Fathan. The Table of Contents widget or Archive widget will display all posts categorized by labels, which means that it works best when you use no more than 1 or 2 labels for each of your posts. The widget will also point out your most recent 10 posts as „New!“. A live demo can be found on my archive page.

How to add this widget to your blog by using a regular post:

1. Sign in to your Blogger blog. Create a new post and click on the Edit HTML tab.

2. Paste the following code:

<script src="http://ilook12scripts.googlecode.com/files/blogtoc.js">
</script>
<script src="http://myblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

into the empty field on the HTML tab.

3. Replace myblog.blogspot.com with the URL of your blog.

4. Publish the new post.

How to add the widget to your Blogger blog using Blogger´s static pages:

1. Sign in to http://draft.blogger.com/

2. Click on New Post --> Edit Pages tab --> New Page.

3. Paste the following code into the field on the HTML tab:

<script src="http://ilook12scripts.googlecode.com/files/blogtoc.js">
</script>
<script src="http://myblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

4. Once again, replace myblog.blogspot.com with the URL of your blog.

5. Publish the new page.

That´s all!

Good luck!

 

Related article:

How to Create Static Pages in Blogger / Blogger Draft