| Follow the Below Steps: Backup your template first before start (recommended) 1. Go to edit template and look for the code <b:section> with id=main. This is the section which holds all of your blog posts. Which looks similar to the below <b:section class='post' id='main' maxwidgets='x' showaddelelment='yes'> change the above line of code to <b:section class='main' id='main' maxwidgets='x' showaddelelment='yes'> Save the template 2. Go to Add Page Elements and add a HTML/Java Script page element above your blog posts and put the below code into it before saving <div id="toc"></div> 3. Now add another HTML/Java Script page element to either your left or right sidebar and put the below code into it before you save. (don't forget to update your blog URl in the code) Please download the code from this link 4. At last download the code from the below given link and then add it either to the <b:skin> part of the template directly or the side bar page element used in the above STEP 3 Please download the code from this link That's it. Go ahead and refresh you blog once.. Really cool na ! |