Benzer bir kodda ben buldum, sağdan soldan sitelerden toplaya toplaya bu hale getirdim. Şimdi gravatarı oval yapmak kaldı. Bide hücrelerde çok kayma yapıyor. Yani tam uzmanı olmadığım için bu kadar yapabiliyorum. Normalde burada tablo kullanmadan yapabiliyoruz ama o konu hakkında hiç bilgim olmadığı için bende tablo üzerinden gittim.

<div align="left">
            <h4 class="widget_title">YAZARLAR</h4>

   <table width="220px" height="101px" align="top" border="0" cellspacing="0" cellpadding="0" style="background:url(http://haberr.com/wp-content/themes/wpherald_lite/images/yazar-kutusu.jpg); background-repeat:no-repeat;">
      <tr>
      <td  height="75px" width="120px" margin-left="0px" margin-top="0px">
        <div style="margin-left:10px; margin-top:5px; width:110px;"><font size="2px;" face="arial narrow" color="#000000">
<?php query_posts('orderby=date&showposts=1&author=1'); ?> 
<? while (have_posts()) : the_post(); ?> 
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">
<?php the_title(); ?></a> 
<? echo '<br />'; ?> 
<? endwhile; ?>
</font></div>
</td>
<td height="101px" width="100px" rowspan="2" align="center">
<?php echo get_avatar( get_the_author_email(), '89' ); ?>
</td>
</tr>
<tr>
<td height="27px" width="120px" margin-left="0px" margin-top="0px">
        <div style="margin-left:10px; margin-bottom:-1px;"><font size="4px;" font-family="arial" color="#e0e4ec">İsa Koç</font></div>

      </td></tr><br />
    </table>
</div>
<div class="clear"></div>

Sonu aşağıdaki gibi oldu.


örnek site: http://haberr.com/

orta kolonun altında doğru inin görüceksiniz.