Dropdown Blogroll List

Posted by Michael on January 28th, 2006 filed in The Blog

This is for the webgeeks out there, not for the regular visitors. :)

Based on a suggestion by Podz, I’ve changed the way the Blogroll is displayed. Blogrolling by default gives you a long listing of all the blogs, but that’s gotten way too cumbersome. I wanted some sort of collapsible, dropdown menu.

There are currently 10 blogrolls on the left sidebard, all nicely condensed. Here’s the code snippet that goes inside the sidebar div:


<div id="sidebar">
<ul>

<!-- My Favorite Blogrolls -->
<li><h2><a href="#" onclick="return kadabra('m10');"><img src="/Images/buttonfavoriteblogs.png" border=0 /></a></h2>
<ul id="m10">
<li>
<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=ac55c2faa913a1118a1fb12c225c37d8"></script>
</li>
</ul>
</li>

</ul>
</div>

And then this goes in your style.css:

/* kadabra javascript */
#m10, #m11, #m12, #m13 {
display: none;
}

In the example above, I’m only using #m10, but you need to call out each dropdown in as a separate item (#m11, #m12, etc) and label it separately in the style sheet.

Print This Post Print This Post Email This Post Email This Post

4 Responses to “Dropdown Blogroll List”

  1. Jo Says:
    January 29th, 2006 at 8:18 pm

    OK

  2. Michael Says:
    January 30th, 2006 at 9:57 am

    LoL.

    Well, hey, I had to write it somewhere.

  3. cool beans Says:
    March 31st, 2006 at 5:48 am

    links from Technoratito collapse her blogroll. I did a little digging and here are some links that may be useful. If someone reading this knows how to make your blogroll sit in a nice little drop-down box just like my Archives menu, please share. Flooble Here’s anotherOne more Dynamic Drive

  4. WordPress › Support » Collapsible Blogroll Says:
    May 12th, 2007 at 10:55 am

    Kramer auto Pingback[...] http://chasingthewind.net/?p=1167 Posted 1 year ago # [...]

Leave a Comment