CFDN

改造方法

<!−−trackback_area−−>
<h3 id="trackback-top" title="「<%topentry_title>」には <%topentry_tb_num> 件のトラックバックがあります"><span class="num"><%topentry_tb_num></span>件のトラックバック</h3>
<!−−trackback−−>
<div class="section trackbackfield" id="trackback-<%tb_no>">
<h4 class="trackback-header">[<span class="hide">T</span><span class="num"><%tb_no></span>] <%tb_title></h4>
<div class="trackback-body">
<p><img src="http://img.simpleapi.net/small/<%tb_url>" width="100" height="100" alt="<%tb_blog_name>" class="thumb-l" /></p>
<%tb_excerpt>
</div>
<ul class="trackback-state">
<li class="trackback-date"><%tb_year>-<%tb_month>-<%tb_day></li>
<li class="trackback-site">発信元 : <a href="<%tb_url>" title="<%tb_title>"><%tb_blog_name></a></li>
</ul>
</div>
<!−−/trackback−−>
<dl class="tbadr">
<dt>トラックバックURL</dt>
<dd><%trackback_url></dd>
<dd><a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);">この記事に対してトラックバックを送信する（FC2ブログユーザー）</a></dd>
</dl>
<!−−/trackback_area−−>

CSSはこんな感じ。画像の回り込みが必要なければ、特に付加する必要はありません。

.thumb-l {
float : left;
display : block;
margin : 0 1em 1em 0;
}
ul.trackback-state {
clear : both;
list-style-type : none;
}

今回はfloatプロパティを使って左側へ回り込ませていますので、clearプロパティで解除しています。