How to create Table of Contents for your Blog

Posted by Faheem Mustafa

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.  

<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="">Show all post »»</a> 

blog comments powered by Disqus
Related Posts with Thumbnails