How to Make Table of Content in Blogger

Posted by mk | August 21, 2009

OK, In this post you can find easy steps to make table of content in Blogger Blog.

There is 2 steps to make a Table Of content at the blog :

Step #1

Login to blogger with your ID.
After entering the dashboard page , click Layout.
Then click edit HTML tab.
Click the Download full template link. Save your template.
Please mark the little box beside Expand Widget Templates. Wait for a moment.
Go to your template code, and find the code like this :
<b:include data='post' name='post'/>
Delete above code, and replace with the following code :

<b:if cond=’data:blog.homepageUrl != data:blog.url’> <b:if cond=’data:blog.pageType != “item”‘> <a expr:href=’data:post.url’> <div style=”padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;”> <data:post.title/></div></a> <b:else/> <b:include data=’post’ name=’post’/> </b:if> <b:else/> <b:include data=’post’ name=’post’/> </b:if>
Click Save Template button
Done.

Step #2

Click at Page Element tab.
Click at Add a Page element.
After emerging pop up window , Klik add to blog button for the things HTML/JavaScript.
Copy and paste the code below into available column :
<a href="http://YourBlogName. blogspot.com/search?max-results=200">Show all post »»</a>
Alter YourBlogName with your blog name. Example : my blog name is rohman-freeblogtemplate. Alter 200 with other number, because this is the sum of how much post want to show.
Click : Save Changes
Finish. Please see the result.

Leave a Comment