Mapa do Site com efeito Accordion

Com o tempo nossos blogs ficam cheios postagens e muitas caem no esquecimento para isso não ocorrer precisamos de um mapa do site  que aqui será um mapa do Blog mais existem muitos scripts desses mapas mais nenhum conta com o belo efeito que esse tem para matar sua curiosidade clique em demonstração.

Demonstração

1-  Agora vamos instalar é muito fácil vamos criar uma pagina estática ( Quem não sabe como criar veja aqui ). 
2- Cole o script na aba Editar HTML e edite a parte em vermelho pelo endereço do seu Blog sem a barra / no final.
<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://endereço do seu blog aqui/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- De o nome da página. Ex: Mapa do Site  
4- Publicar página 
Pronto agora seu Blog já tem um belo mapa do site.