Frugal Hacks: Blogroll in a Scrolling Box

April 13, 2008 by Mrs. Mecomber · 16 Comments
Filed under: 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.

[Slashdot] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Comments

16 Responses to “Frugal Hacks: Blogroll in a Scrolling Box”
  1. Thank you for this!

  2. C Duran says:

    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:

    I’m so glad you can use it!

  4. LIsa says:

    One word: phenomenal!

  5. 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. This is terrific thanks. Adapted it for Wordless Wednesday blogroll and it works great! You are a genius.

  7. Lisa says:

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

  8. This is so cool! Thanks!

  9. TIna says:

    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:

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

  11. Chantalle says:

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

  12. Jenny says:

    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:

    I figured it out! Thanks!

Trackbacks

Check out what others are saying about this post...
  1. [...] 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. [...] 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. [...] 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 [...]



  • Recent Comments

  • Archives

  • Buttons

    family-Friendly Network

    Software Blogs - BlogCatalog Blog Directory

     Subscribe in a reader

    Powered by FeedBurner

    Join My Community at MyBloglog!

    Creative Commons License
    This work is licensed under a Creative Commons Attribution 3.0 Unported License.

  • Groups