Make A Table Of Content

4:04:00 PM |

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

Step #1 


  1. Login to blogger with your ID.
  2. After entering the dashboard page , click Layout.
  3. Then click edit HTML tab.
  4. Click the Download full template link. Save your template.
  5. Please mark the little box beside Expand Widget Templates. Wait for a moment. 


  6. Go to your template code, and find the code like this : 

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

  7. 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>

    8. Click Save Template button

    Step #2 


    1. Click at Page Element tab.
    2. Click at Add a Page element.
    3. After emerging pop up window , Click add to blog button for the things HTML/JavaScript.
    4. Copy and paste the code below into available column : 

      <a href="http://YourBlogName.blogspot.com/search?max-results=200">Show all post &raquo;&raquo;</a>


    5. Alter YourBlogName with your blog name. Example : my blog name is rohman-freeblogtemplate. Alter200 with other number, because this is the sum of how much post want to show.
    6. Click   save changes   
    7. Finish. Please see the result.