Dropdown Blogroll List

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.

Advertisements

4 thoughts on “Dropdown Blogroll List

  1. to 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

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s