Create Table of Blog Content

Sometimes if we have a blog contains many articles, we will be overwhelmed continue to update the list of contents manually. Besides, the visitor may feel confuse search of the articles. To overcome this, you should attach a list of contents automatically. Please see Demo Table Of Content here.

I would like to know how create it?

First Step:

1. Login to your account Blogger
2. Select Layout --> Edit HTML
3. Back up your template first, click Download Template Lengkap
4. Check small box Expand Widget Templates
5. Find the code below

<b:include data=’post’ name=’post’/>

6. If you already met remove and replace the code with the code below::

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>

7. Save Template.


Second step:


This step we will create the table of contents.

1. Select Layout --> Page Element
2. Select Add a Gadgets
3. Click HTML/JavaScript
4. Insert the following code

<a href="http://YOURBLOGNAME.blogspot.com/search?max-results=100“>Archives</a>

5. SAVE Widgets


Description:


Change YOURBLOGNAME with your blog, and the value of 100 is the maximum amount of the title of the article will be displayed a one-page table of contents. Please replace if neccesary

Related Posts