How To make Table of Content | Blogger Tips

If you wanna to see your all posts title in same place then you can apply this tutorial. This is a simple tips.

Step by Step to make Table of Content :

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:
<include data="post" name="post"></include>
4.Replace above code with the below code :
<if cond="data:blog.homepageUrl != 
  data:blog.url">
<if cond="data:blog.pageType != &quot;item&quot;">
<a expr:href="data:post.url" href="http://www.blogger.com/"></a>
<else></else>
<include data="post" name="post"></include>
</if>
<else></else>
<include data="post" name="post"></include>
</if>
<div style="background: #eae9e9; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; color: #406a0e; margin-bottom: 2px; padding-bottom: 6px; padding-left: 5px; padding-right: 0px; padding-top: 6px;">
<post.title></post.title>
</div>
5.Click on "Save Templates".

6.Click on Layout tab.Now Click on Add a Gadjet.Now Select "HTML/Java Script".

7.Copy below code and Paste it into the "HTML/Java Script" pop up window.
<a href="http://yourblogname.blogspot.com/search?max-results=200">Table of Content</a>
Now Replace YourBlogName with your real blog name and you can change the value of max-results=200 .

8.Now click Save and you are done.
Look a demo here.

No Comment Yet Post a Comment

Leave a Comment