This is a follow up on Easy Styling MyBlogLog Recent Readers Widget. I promised you to post BlogCatalog CSS and the HTML that I used to make them both look like one widget. I’m very sorry to have delayed this web trick to combine MyBloglog and BlogCatalog to make it looks like one widget.

Please take note that this styling is for half size and not showing the screen name of visitors.

BlogCatalog Widget XHTML Codes

The basic structure of of BlogCatalog is very similar to MyBlogLog’s table structure. Here’s the XHTML code:

<table cellspacing="0" cellpadding="0" id="bc_widget">

<tr><th colspan="2" class="bc_head"></th></tr>

<tr><td id="mem_av_1" class="bc_avatar"><a href="#"><img /></a></td>

<td id="mem_un_1" class="bc_user"><a href="#"></a><span /></td>

</tr>

<tr>

<td id="mem_av_2" class="bc_avatar"><a href="#"><img /></a></td>

<td id="mem_un_2" class="bc_user"><a href="#"></a><span /></td>

</tr>

<tr>

<td id="mem_av_3" class="bc_avatar"><a href="#"><img /></a></td>

<td id="mem_un_3" class="bc_user"><a href="#"></a><span /></td>

</tr>

<tr>

<td id="mem_av_4" class="bc_avatar"><a href="#"><img /></a></td>

<td id="mem_un_4" class="bc_user"><a href="#"></a><span /></td>

</tr>

<tr><th colspan="2" class="bc_foot"><a href="#"></a></th></tr>

</table>

Both of BlogCatalog and MyBlogLog XHTML is similar. You can see it MyBlogLog XHTML here.

Read more »

blogcatalog, CSS, mybloglog, web tricks, widget

Are you creating a website or blog but undecided about the type of fonts you want to use? Choosing the correct fonts which makes your articles readable is very important part of a website or blog. Fonts also plays important part in the overall design , feel and look.

Read more »

fonts, Web Tips