Being a regular blogger I frequently used to find new things for my blogger page layout like widgets, hacks etc. Since from the past couple of months I was pretty irritated with the blogger's blog archive widget which my site visitors will use to browse blog contents. But today while playing with my daily mate called Google Search I found superb way to browse the entire contents of my blog in a much easier passion with a single click. I would like to simply call it as 'TOC' (Table of Contents)

Blog

All you need to do is a simple update to your blogger HTML and CSS and you are done. Since I found it more useful and hope you can try the same for yours also. You can try the same with my blog by just clicking on 'Easy Go Avirules' link on my right side bar.
NOTE: Please make sure that you have have a complete backup of your blog code, before trying this hack !

Here is how it goes...


<></>
<></>

Follow the Below Steps:

Backup your template first before start (recommended)

1. Go to edit template and look for the code <b:section> with id=main. This is the section which holds all of your blog posts. Which looks similar to the below


<b:section class='post' id='main' maxwidgets='x' showaddelelment='yes'>

change the above line of code to

<b:section class='main' id='main' maxwidgets='x' showaddelelment='yes'>

Save the template

2. Go to Add Page Elements and add a HTML/Java Script page element above your blog posts and put the below code into it before saving

<div id="toc"></div>

3. Now add another HTML/Java Script page element to either your left or right sidebar and put the below code into it before you save. (don't forget to update your blog URl in the code)

Please download the code from this link

4. At last download the code from the below given link and then add it either to the <b:skin> part of the template directly or the side bar page element used in the above STEP 3

Please download the code from this link

That's it. Go ahead and refresh you blog once.. Really cool na !


6 comments
  1. Hafiz Shakeel June 25, 2015 at 11:56 AM  

    thanks man for this favor. you make original help of people.
    removewat

  2. atifa bushra August 7, 2015 at 5:00 AM  


    hello admin. I visit your website. you have good and different works from other.keep it up.its really amazing site overall.your blogs really nice.
    Adobe Photoshop Cs5 Extended Serial key

  3. Free Themes Point August 11, 2015 at 7:45 AM  

    I Appreciated you for this work nice to meet you.Please Keep it Up.
    Download FREE Opencart Themes.

  4. packers movers Hyderabad December 15, 2015 at 3:35 AM  

    Get a wide range of packing and moving companies at helloenquiry.in. We endeavour to furnish the best packers and movers companies in Gandhinagar at ease of Internet. Packers and Movers Gandhinagar

  5. Unknown April 5, 2016 at 2:30 AM  
  6. Rita Sharma June 7, 2016 at 4:33 AM  

    i cannot truly enable but admire your weblog, your weblog is so adorable and great.It has given me courage to try scarier things. I tend to steer clear of them but not anymore.
    Packers And Movers Lucknow