Hans' hack is remarkably easy to implement into your blog, since he has provided the code ready for you to copy and paste into the relevant sections.
In order to use the Table of Contents widget, you will need to alter your template slightly so you can add a page element to the top of your blog posts. This is so the table of contents can expand into this area, leaving your posts in place beneath.
After this, it's a simple case of copying and pasting code into HTML page elements in this new section, and also in a sidebar widget.Use this link to read Hans' post featuring the code and implementation of this great Blogger hack.
This widget can also be customised using CSS to alter the styling, which you would insert between the <b:skin> and </b:skin> tags near the top of your blog template (I will be doing this to my own CSS section shortly!).
This hack really is a great way to organise your blog posts in order to make it easier for readers to find posts they are interested in.
Technorati Tags: table+of+contents | beautiful+beta | blogger+hack | widget | contents+page | blogger
Thanks. It works perfectly.
ReplyDeleteI thought this was the answer to my problem...although I will use it in the future. Could you help with something else. I created and added a menu bar like yours above to my blog but I do not understand how to go about customizing each tab to where the page layouts are different from one another. (i.e. sidebars images are different)
ReplyDeletePlease help.
Eventress
email: lekesha@aislestylewedding.com
but this table of content makes blog longer to load, if there's 1000+ posts, it's gonna be take so much time to view it..
ReplyDeleteThanks for this post. Tried it and it seemed to be working. Erratically. As readers do not like getting error messages when clicking on a link, I decided to delete it. My archive is now manually done (because my posts still limited). http://isladenebz.blogspot.com
ReplyDeleteThanks for this post.
ReplyDeletehttp://mufazzalhussain.blogspot.com
Thanks For YOur Information
ReplyDeleteHot Mysite
Thanks for this tips...Success!
ReplyDeleteThanks for your posting, i am just a newbie in the internet business, need to learn a lot from the gurus
ReplyDeletewindows 7 starter product key
I am thoroughly convinced in this said post. I am currently searching for ways in which I could enhance my knowledge in this said topic you have posted here. It does help me a lot knowing that you have shared this information here freely. I love the way the people here interact and shared their opinions too. I would love to track your future posts pertaining to the said topic we are able to read.
ReplyDeleteThanks for taking the time to discuss this, I feel strongly about information and love learning more on this. If possible, as you gain expertise, It is extremely helpful for me. would you mind updating your blog with more information
ReplyDeleteI recommend to go check my site:
ReplyDeletehttp://catusersguide.blogspot.com/p/table-of-contents.html
I got the code for free from:
http://www.mybloggertricks.com/
Thanks to share with us the information. I wish you good luck!
ReplyDeleteThanks for the share. Keep posting such kind of information on your blog. I bookmarked it for continuous visit.
ReplyDelete