RSS

Frugal Hacks: Blogroll in a Scrolling Box

April 13, 2008

how to

I was recently asked to help configure the burgeoning Frugal Hacks blogroll into a scrollbox. I have a thorough tutorial about how to do that here, but for ease (since most Frugal Hackers are very busy moms), I thought I’d just post the whole code right here.

<div style="height:250px; overflow:auto;">
<p class="sideheader">Frugal Blogroll</p>
<a href="http://frugalhacks.com/?page_id=65"> **join here**</a>

<script src="http://rpc.blogrolling.com/display.php?r=ae7cadbf39b863c96fca9f4c21d0d51e" language="javascript" type="text/javascript"> </script>
</div>

If you post that code into your sidebar, you will see this:

Frugal Blogroll

**join here**

Now, the width of the scrollbox goes with the width of your sidebar. It will not be as wide in your narrower sidebar. You can change the height to be anything you want. 250px is what I like, but the font in your sidebar may be larger, and thus a longer scrollbox may be required. Experiment a little.

16 Responses to “Frugal Hacks: Blogroll in a Scrolling Box”

  1. Mama Squirrel Says:
    April 18, 2008 at 7:46 pm

    Thank you for this!

  2. C Duran Says:
    April 18, 2008 at 7:55 pm

    Thanks so much for this scrolling box! The whole list was just too long, but I didn’t like having just the button up – - This new list is PERFECT!!! Thank you!!

  3. Mrs. M Says:
    April 18, 2008 at 10:23 pm

    I’m so glad you can use it!

  4. LIsa Says:
    April 19, 2008 at 10:44 am

    One word: phenomenal!

  5. Barb Szyszkiewicz Says:
    April 19, 2008 at 5:35 pm

    Thank you!! I used this for my personal blogroll, which was taking up too much sidebar space. It was easy to substitute my own blogroll code and just change the header. You rock!

  6. Kats (And Other) Tales Says:
    May 7, 2008 at 1:40 am

    This is terrific thanks. Adapted it for Wordless Wednesday blogroll and it works great! You are a genius.

  7. Lisa Says:
    May 20, 2008 at 12:00 pm

    Thank you so much! The roll was getting so long and now it is so much easier on the eyes.

  8. Lisa @ Cents To Save Says:
    May 23, 2008 at 9:10 pm

    This is so cool! Thanks!

  9. TIna Says:
    June 10, 2008 at 7:13 pm

    THANK YOU SO MUCH, This is so much neater and saves up so much space, hey and I believe in being frugal even in the space I use! Thank you

  10. Justine Says:
    July 17, 2008 at 12:30 am

    I FINALLY got it to work right! Thank you SO much for your help and patience with me!!

  11. Chantalle Says:
    August 9, 2008 at 6:39 pm

    Thanks so much!!! It works great. I love it.

  12. Jenny Says:
    September 29, 2008 at 3:58 pm

    This is so cool, but I can’t figure out how to get it in my blog.
    I’m not sure what I’m doing wrong. I’ve read all of the suggestions here. I might have to get my DH to help me with this one! :)

  13. Jenny Says:
    September 29, 2008 at 4:37 pm

    I figured it out! Thanks!

Trackbacks/Pingbacks

  1. Life In a Shoe » I am a star - April 15, 2008

    [...] Hacks lately, please do! We have guest posts and over 500 members in the Frugal Blogroll, and Mrs. Mecomber has added a scrolling box option to display the blogroll without letting it take over your entire [...]
  2. The scrolling blogroll box! | Frugal Hacks - April 18, 2008

    [...] of showing the badge or the entire Frugal Blogroll (500 members and counting!) you can now use Mrs. Mecomber’s easy script to create a scrolling box and show just as much of the blogroll as you [...]
  3. The scrolling blogroll box! | Frugal Hacks - April 18, 2008

    [...] of showing the badge or the entire Frugal Blogroll (500 members and counting!) you can now use Mrs. Mecomber’s easy script to create a scrolling box and show just as much of the blogroll as you [...]