How to Display a List of the Contents of The Scroll Bar

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:

• 1. Content Titel


• 2. Content Titel


• 3. Content Titel


• 4. Content Titel


• 5. Content Titel


• 6. Content Titel


• 7. Content Titel


• 8. Content Titel


• 9. Content Titel

The following is how to make a list of the contents of the scroll bar:

1. login in your blog
2. Click layout tab in dasboard
3. Click page elements tab
4. Click link add a gadget where you want to install Scoll Bar.
5. Select the HTML / Javascript.
6. Write title in the Configure HTML / Javascript what do you want
7. 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>