Stylish "List Of Post/Article" Widget For Blogger

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 which is originally by "Abu-Farhan" that is extremely easy to set up and can be added to your blog in minutes.This will provides a great way to display the table containing your complete archive. I'm currently using this on my sitemap page (List Of Post) Here.


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. One of the SEO want to each blog or website is sitemap. Each blog or website must has two sitemap, first is for user, and second is for search engine. Sitemap for blog is always known as table of contents. We have discussed this. But, many of our readers request to provide table of contents that work for posts with multi lable.

And now, we have made advanced for table of contents. Like before, this table of contents can collect posts based on label or alphabet. If your post not have label, this table of contents still can work. Remember, your blog must set as public.
Here's the three steps required to create a table of contents and add it to your blog.

CLICK HERE TO SEE DEMO

Features:

1.) Add "New!!" Text In Front Of For 10 Newest Post.
2.) Quick To Load And Easy To Install.
3.) HTML, JavaScript And CSS 3.
4.) Automatic Add J-Query Plugin.
5.) Pick Your Post Title Via Feeds.
6.) Awesome Style For Title List.
7.) Auto Sort The Title.
8.) This Will Not Animate On Click.
9.) Categories Your Post Under Label Heading.
10.) Pick Link Color From Your Blog Default.
11.) Simple And Short Code.
12.) Also Add Numbered To Title List.
13.) List Up All Post By Picking There Titles.
14.) Also Add Link To Title To There Post Page.
15.) Auto Adjust Post/Page/Widget Height.

How To Add In Blogspot Post?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Add New Post/Page.
4.) Click "Edit HTML" Of Post.
5.) Now Copy The Below Code And Paste It To There.
6.) Click Save, Now You Are Done.

How To Add In Blogspot Gadget/Widget?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty Or Put Anything.
9.) Click Save, Now You Are Done.

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://www.exeideas.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript"> var accToc=true; </script>

Customization:

1.) Replacewww.exeideas.com With Your Blog URL.
2.) Save And Enjoy.