A Table of Contents can be added to your main Blog Posts column. This Table of Contents will list all your posts titles as links. You can arrange this Table to appear before your Blog Posts or after..............

To do this you will first have to add extra Page Elements to your Blog Posts column. Login to Dashboard and click on Layouts of the blog you want to modify. Then click on Edit Html subtab.

First Download your template by using Download Full Template link.

Then scroll down in Edit Template text box till you come to :

<div id='main-wrapper'>
<b:section class='main' id='main'>

Modify the second line in above code to :

<b:section class='main' id='main' maxwidgets='5' showaddelement='yes'>

This will add a Add Page Element (showaddelement='yes') link to your Blog Posts section on the Page Elements tab and allow you to add a maximum of five widgets/Page Elements (maxwidgets='5') to your Blog Posts column. Save Template.

Go to Page Elements tab where you will see a Add Page Element link on top of your Blog posts column as in below picture.





Click on Image to see bigger view.

Now we will convert your blog RSS feed to javascript. For this go to http://www.rss-to-javascript.com/p/138.html. In the URL box at the top enter your blog feed which in case of the new blogger is :

http://yourblogname.blogspot.com/feeds/posts/default?alt=rss

Substitute actual blog name in place of yourblogname. Since we want to display only the title of our posts choose No to most of the options like : Show Channel, Show "Simplified" Channel, Show Item Descriptions and Show Item Posting Date. Enter zero for Number of items to show all available items and Yes to Use List Elements. Hit the Preview button to check that your titles are shown.

If the Preview does not tally go to Settings------>Site Feed in your blog and turn on the site feed.

Click on Generate Javascript button to generate the code. Copy that Javascript code by selecting all.

Login to your Dashboard and click on Layouts beside your blog name. On the Page Elements tab click on add Page Element link in the Blog Posts section. In the new window which opens choose the Html/Javascript option and paste the Javascript code in the contents window. In the Titles window type Table of Contents. Save the Page Element. This is saved on top of your blog posts. If you want it to appear below click and drag that page element from the top to the bottom of your blog posts. Click on Save.

Technorati Tags:feed, javascript, page element, rss, table of contents