Add nice Table of Content (TOC) to your blog (REQ)

I received many emails on how to create a Table of Content like the one I have on this blog. Many of you already know what a TOC is but for those of you who doesn't know a TOC (Table of Content) is a page where all your posts are displayed and organized according your post labels.It's a little bit like a Sitemap. So if you want to have a TOC like mine's just follow the steps.

 1. Log in to your dashboard--> Pages- -> New page

Then make sure you have switched to HTML mode and paste in the content of your new page this lines:

<link href="http://artistutorials.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://artistutorials.googlecode.com/files/toc.js">
</script>
<script src="http://artistutorial.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>

Replace the red link with the link of your blog and then save/publish the page, and see the result.

If you want to host the files needed for the TOC to work you can download them from HERE.

Demo Page