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

Friday, October 2, 20090 comments

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:
  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>

Share this article :

Lets Share

Bookmark and Share
There was an error in this gadget
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kang Doel's Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger