Thursday, April 21, 2011

Adding Table of Content To Your Blog !!


Howdy Readers,

A table of content is a list displaying all the posts on your blog in a clean easy to navigate format for readers. In this post i will show you a table of content that is extremely easy to set up and can be added to your blog in minutes. The recent addition of static pages to blogger provides a great way to display the table containing your complete archive.

This is in fact the table of content I'm currently using on My blog. I have it in a post as the static pages were not available when i first created it. All the posts are sorted by labels and you can see it here : Blog Content

The code that creates the table is actually very simple but you will first need to create a post or static page for your blog. Here's the three steps required to create a table of contents and add it to your blog.


Here is the code :
<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />

<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>

<script src="http://earn-faster.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Now Follow these simple steps to implement the above codes in your Blogspot Blogs :


  1. Create a static page (under Posting)
  2. Copy the above code into the text box of your static page and give it a title (such asTable of Contents)
  3. Replace this earn-faster.blogspot.com with your own blog url
  4. Save.

    With this code, you will have a clickable button on your page tab and when it is clicked, your viewers will see something like the following TOC:


The other reason you should Add this to your blog is that it helps increase you traffic to your blog as google can crawl through your blog easily

Enjoy and If you get any problem Leave a comment I will surely help you out.

0 comments:

Post a Comment

Find me on Bloggers

Hatim - Find me on Bloggers.com