[posted to en.forums.wordpress.com "Recent Readers Widget"]

Ancillary: two external resources - "Easy "Recent Readers" styling" and "Making MBL Pretty"


I was disappointed to see that I could not install the regular MyBlogLog Readers widget on WordPress.com, but not surprised: they really need to keep our security paramount, and they do.

I was likewise disappointed to see that the markup supplied by MyBlogLog for use in a TextWidget was, well, a mis-match with the other widgets in my sidebar.

What I did was simple and kinda brutish: I stole the markup from the WP "Recent Comments" widget and used it to wrap the MBL elements.
I made one adjustment: I added a bit of cellspacing and a bit of cellpadding just to insert some whitespace. Fiddle as you feel moved to!

Here are the result; you'll find the code below. (Of course you have to supply the data from your own MBL ID.)
NB: The classname I coped over are very likely theme specific ... not destructive, but sub-optimal til you customize that.

UpDate: (The screenshot is now out of date)

  1. I didn't see any reason to have my avatar in the list, so deleted the image and moved the Profile link up out of the table and put it just below the title.
  2. I also increased the size of the list by adding a #5 reader ... that's p=5 and _5.jpg.



<div class="mblrr_v">
<h2 class="widgettitle">MyBlogLog Readers</h2>
<a href="http://www.mybloglog.com/pt.php?s=1234567890123456&p=0">View My Profile</a>
<table class="recentcommentsavatar" border="0" cellpadding="1" cellspacing="1"><tbody><tr>
<tr><td class="recentcommentsavatartop" style="height:36px;"><a href="http://www.mybloglog.com/pt.php?s=1234567890123456&p=1"><img src="http://ipub.mybloglog.com/i/v1234567890123456_1.jpg" alt="View My Profile"></a></td></tr>
<tr><td class="recentcommentsavatartop" style="height:36px;"><a href="http://www.mybloglog.com/pt.php?s=1234567890123456&p=2"><img src="http://ipub.mybloglog.com/i/v1234567890123456_2.jpg" alt="View My Profile"></a></td></tr>
<tr><td class="recentcommentsavatartop" style="height:36px;"><a href="http://www.mybloglog.com/pt.php?s=1234567890123456&p=3"><img src="http://ipub.mybloglog.com/i/v1234567890123456_3.jpg" alt="View My Profile"></a></td></tr>
<tr><td class="recentcommentsavatartop" style="height:36px;"><a href="http://www.mybloglog.com/pt.php?s=1234567890123456&p=4"><img src="http://ipub.mybloglog.com/i/v1234567890123456_4.jpg" alt="View My Profile"></a></td></tr>
<tr><td class="recentcommentsavatartop" style="height:36px;"><a href="http://www.mybloglog.com/pt.php?s=1234567890123456&p=5"><img src="http://ipub.mybloglog.com/i/v1234567890123456_5.jpg" alt="View My Profile"></a></td></tr>
</tbody></table>

<div>
<a href="http://www.mybloglog.com/buzz/community/thenameofyourblogcommunity/"><span>View Entire Community</span></a><br />
<a href="http://www.mybloglog.com/"><span>*by MyBlogLog*</span></a>
<p> </p>
</div>
</div>