Hello! Trickiezone.com is now under maintenance.
Home » Blogger » Accordion Style Table Of Content For Blogger

Accordion Style Table Of Content For Blogger

Hello Bloggers, Trickiezone is back to share new article about on adding “Accordion Style Table Of Content For Blogger”. This is originally created by Abu Farhan so I gave all credits to him.
Accordion Style Table Of Content For Blogger


1. Accordion effect
2. Show and hide effect
3. CSS 3
4. Automatic add jquery
5. Different color for content
6. Different style for open and close
7. Auto Sort the title
8. Add New!! for 10 newest entry

How To Add Table Of Content To Blogger?

  • Login to your Blogger account.
  • Go to your blog “Pages” section.
  • Then “New Page >> Blank Page”.
  • Copy the code below then paste it into HTML mode.
  • After that click “Publish” button.
  • Done! :)




  • Change “www.trickiezone.com” with your own blog URL.

Hope this article helped you. Please help us to share this article to other bloggers and if you want to receive free email updates, Subscribe us via email and also Follow Us on Twitter or Like Us on Facebook.

  • http://www.blogger.com/profile/14781367359148621035 Akuneme Christopher

    thanks a lot, really appreciate your efforts

    • http://www.blogger.com/profile/04300063930822275530 John Francel Abaricia

      Welcome! Akuneme, thanks for your feedback…Happy Blogging :)

  • http://www.blogger.com/profile/10781388375319236458 srikanth rao

    Good Post Bro…..Give Us More tips broo

    • http://www.blogger.com/profile/04300063930822275530 John Francel Abaricia

      Thanks for feedback bro. Happy Blogging :)