Add Stylish Sitemap or Table of contents widget in blogger


You have seen that I have created an automatically updated table of contents page that shows the links to all posts published so far at this blog. This widget displays all your posts category wise and really saves time. I was previously adding new links manually to the Blogger Tricks page but as soon as I came to know
of this great widget from Abu Farhan I instantly converted to it. This widget will also tell visitors that which posts are new and which are old. I have modified the CSS in order to make it suit your blog appearance.

Sitemap or Table of contents widget Preview


Heart Bookmarking Gadget


How to Add Sitemap or Table of contents Widget To Blogger


  • Copy the code shown below and paste it inside the blogger static page or blogger post page

<link type='text/css' rel='stylesheet' href='http://js.howtouses.com/blogger/toc.css' />
<script src="http://js.howtouses.com/blogger/toc.js">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=1000&amp;callback=loadtoc" type="text/javascript">
</script>
<script type="text/javascript">
var accToc=true;
</script>

Like it? Share it.

No Comments

Click to Add a New Comment

  • If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
  • Do NOT add links to the body of your comment as they will not be published.
  • Only the comments posted in ENGLISH will be approved.
  • If you have a problem check first the comments , maybe you will find the solution there.