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.
Chasing the Wind 
Leave a comment