Add nice Table of Content (TOC) to your blog (REQ)
I received many emails on how to create a Table of Content like the one I have on this blog. Many of you already know what a TOC is but for those of you who doesn't know a TOC (Table of Content) is a page where all your posts are displayed and organized according your post labels.It's a little bit like a Sitemap. So if you want to have a TOC like mine's just follow the steps.
1. Log in to your dashboard--> Pages- -> New page
Then make sure you have switched to HTML mode and paste in the content of your new page this lines:
1. Log in to your dashboard--> Pages- -> New page
Then make sure you have switched to HTML mode and paste in the content of your new page this lines:
<link href="http://artistutorials.googlecode.com/files/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://artistutorials.googlecode.com/files/toc.js">
</script>
<script src="http://artistutorial.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
Replace the red link with the link of your blog and then save/publish the page, and see the result.
If you want to host the files needed for the TOC to work you can download them from HERE.
7 comments
so nice...elegant ;)
awesome coy!
Could you make a "related post with thumbnail" like this? I want to put it at sidebar instead of below post..
The file in the mediafire is deleted ... please i need it
@Aksatriya Diwangkara NusantaraNow it works again.
Hello.
I have a problem when replacing your address with mine. I get error message saing "Unfortunately your request could not be completed." I don't get it if I don't replace address. Can you help me?
thx
@Jure ErmanDo you have the feed setup asa full from your feed setings?
Click to Add a New Comment
Leave your comment
- If you're asking a question click the Subscribe By Email link, below 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.