Many readers of my blog have asked me How we can create a Table of contents (Index page) for our Blog. This post I am writing is an answer to them.
It is very easy and a few steps process. Following these steps you easily can create a table of contents for your blog.
How To Create Table of Contents (Index) for Blog/Website
1: Login to your Blogger Account
2: Navigate to Designs > Edit HTML
3: Check the check box
4: Now Find the following piece of Code (Ctrl + F)
<b:include data='post' name='post'/>
5: Now Copy the following (red color) code and replace with the above (Blue color) code.
5: Now Copy the following (red color) code and replace with the above (Blue color) 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> |
6: Now SAVE TEMPLATE and you are nearly 100% done.
7: Navigate Designs < Add a gadget option
8: Select HTML/Java Script and add the following piece code there
| <a href="http://YourBlogName.blogspot.com/search?max-results=200">Show all post »»</a> |
