5-3：コメントリスト・トラックバックリストをブログ記事ごとにツリー表示する: 「Movable Type WEBデザインの新しいルール」

手順4（変更後）: <dt class="sidetitle"> Recent Comments </dt> <MTIfNonZero tag="BlogCommentCount"> <dd class="side"> <ul> <MTEntriesRecentlyCommented comment_lastn="6"> <li><a href="<$MTEntryLink$>"><MTEntryTitle></a> <ul> <MTRecentComments sort_order="ascend"> <li class="tree<MTCommentsFooter>_end</MTCommentsFooter>"> <a href="<$MTEntryLink$>#c<$MTCommentID$>" title="c<$MTCommentID$>"><MTCommentAuthor default="Anonymous"></a> <$MTCommentDate format="%m/%d"$> </li> </MTRecentComments> </ul> </li> </MTEntriesRecentlyCommented> </ul> </dd> </MTIfNonZero>
手順5（変更後）: <MTIfNonZero tag="BlogPingCount"> <dd class="side"> <ul> <MTEntriesRecentlyPinged ping_lastn="10"> <li><a href="<$MTEntryPermaLink$>"><$MTEntryTitle$></a> <ul> <MTRecentPings> <li class="tree<MTPingsFooter>_end</MTPingsFooter>"> <a href="<$MTPingURL$>" title="p<$MTPingID$>"><$MTPingBlogName$></a> <$MTPingDate format="%m/%d"$> </li> </MTRecentPings> </ul> </li> </MTEntriesRecentlyPinged> </ul> </dd> </MTIfNonZero>
手順6: ul li.tree, ul li.tree_end { margin: 0; padding-left: 12px; list-style: none; } ul li.tree { background: url(images/tree.gif) no-repeat; } ul li.tree_end { background: url(images/tree_end.gif) no-repeat; }