Create Elegant Accordian Site Maps

Many ways to costumize blogger template to make your blog have an interface user fiendly, for example:
1. Create Beadcrumb Navigation
2. Create Related Post
3. Create Auto Readmore.
And now, we will talk about how to Create Elegant Accordian Site Maps:

Read this article carefully, Site Maps can be crated on Body Post or Page Post. Please select a place you like the most to create Site Maps.

1. Create New Post or New Page.

2. Choose Edit HTML

    Copy this script code:

<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://luarkampus.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

3. Change the url of http://luarkampus.blogspot.com with your Blog URL
4. Finally, Publish Post or Publish Page
    Now you have a Elegant Accordian Site Maps inyour blog.

Elegant Accordian Site Maps Demo
Source: Abu Farhan

READMORE