Neo from hallsofmacadamia requested this bit of code which will allow you to put your (ever growing!) Blogging Tories Blogroll list into a scrollable “window” to reduce its screen size:

Just wrap your <script></script> code from BT with a <div> like so:

<div style="width:220px;height:300px;overflow:auto;">

<script language="javascript" type="text/javascript"
 src="http://www.bloggingtories.ca/scripts/btblogroll.js">
</script>

</div>

The <script> code you already have, it comes from the BT site when you sign up.
The sizes specified in the style tag of the div are the width (22opx)  (make it the width of your sidebar minus 1 or 2) and the height (300px) of the scrollable box. You can put it to any size you want by changing these two numbers. A scrollbar will be automatically added by your browser if your list is longer than your height (by specifying the “overflow:auto” in the style tag). You can also add a border to it (any color or size) by adding:

“border:1px blue;” to the style tag, like so:

<div style='width:220px; height:300px;
  overflow:auto; border:1px blue;'>

Have fun!

Related Posts

• No Related Post