Make a Table Of Content

Do you like to read the book? your answer surely will immeasurable, there is to answer to like and there is also to answer don't like. But I sure you have read a book. In a book is be one named by table of contents, with table of contents will make the reader the book easy to find the parts the content of a book wishing in reading. The question possibly emerge is what is his relation between books with blog? there is, do not only a book that can make the table of contents, in a blog even also we can do it,

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 :







7. Delete above code, and replace with the following code :




<b:if cond="'data:blog.homepageUrl"> <b:if cond="'data:blog.pageType"> <a 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



9. Done.

Step #2

1. Click at Page Element tab.



2. Click at Add a Page element.



3. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript.



4. Copy and paste the code below into available column :



YourBlogName.blogspot.com/search?max-results=200">Show all post »»



5. Alter YourBlogName with your blog name. Example : my blog name is rohman-freeblogtemplate. Alter 200 with other number, because this is the sum of how much post want to show.



6. Click



7. Finish. Please see the result.

Now you have a Table Of Content at your blog. To see the example from this tutorial, please click Table Of content »»

See you at my next post. Don't miss it.

If you are new visitor at this don't forget to subcribe in a reader.