By: Kang Doel
One of criterion interactive blog is a blog that makes it easy for visitors to find something that is needed. Table of contents on a web page is an important tool that should be installed because the tool will help visitors to find what they're looking for.
If you have a lot of contents you should use a scroll bar to look good and not spend where your web page.
Following is an example table of contents with Scroll Bar:The following is how to make a list of the contents of the scroll bar:- login in your blog
- Click layout tab in dasboard
- Click page elements tab
- Click link add a gadget where you want to install Scoll Bar.
- Select the HTML / Javascript.
- Write title in the Configure HTML / Javascript what do you want
- On the content enter the HTML code below:
<div class="widget-content">
<ul style="overflow: auto; height: 150px; width: 150px;">
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li>
</ul></div>
Notes:- Height: 150px; width: 150px. these numbers can be changed according to your side bar
- www.yourlinkcontent.com, Change the address of your content links. example: http://doeltutorial.blogspot.com/2009/10/how-to-display-list-of-contents-of.html
- Content Title, change with your Titel Content, example: How to Display List of Contents
- Contone koyo iki lo rek..........
<li><a href="http://www.yourlinkcontent.com/">Content Titel</a></li> to be>>>>>
<li><a href="http://doeltutorial.blogspot.com/2009/10/how-to-display-list-of-contents-of.html">How to Display List of Contents</a></li>