Como Hacer Una Pagina De Indice CON Efecto De Acordeon De Blogger

¿Que Es Un Indice?

 Un indice es una pagina donde podemos mostrar todo el contenido de nuestro blog, Con esto, En esa pagina se muestra todo por etiquetas, Ejemplo:
Tengo 5 artículos en los cuales los 3 primeros están etiquetados con el nombre de "Consultas".
Y los otros 2 con el nombre de "Programación",
En la pagina de indice se muestra por separado así como se ve en la imagen de portada de este articulo

Instrucciones

Bien para empezar con todo esto, Solo tienen que hacer lo siguiente.
1.-Ir a pagina.
2.-Crean una nueva pagina.
3.-Desactivan los comentarios.
4.-Se van a HTML.
5.-Pegan El siguiente código.

Ver codigo:
Para ver el código has clic en el enlace"VER CÓDIGO"

Cambian donde dice NOMBRE-DE-TU-BLOG.
Por el suyo.
Y le dan en publicar.
"VER RESULTADO".
Si tienen problemas al abrir la pagina, El problema que todo el contenido aparece abierto i no sale como queremos, Puedes dejar un comentario si tienes ese problema i deja tu correo donde te enviaremos los códigos de solución.