テンプレいじってると、そっちの方が面白くてエントリ更新するのがおろそかになる。とりあえず「これは便利だなぁ」と思ったことを書いておけばメモにもなるし一石二鳥。
メニューなどのリンクをリストでマークして（なぜリストなのかは、また別の機会に）その見映えをインラインにしたいとき、リンクの文字と文字の間をどうやって区切るか？これは単純に
<li><a href="hoge" title="pageを開く">page</a> | </li>
と書いてもいいのだけど（ホントはよくないのかもしれない）” | ”は意味を持たない余計なデータになってしまうのだね。また、後で「やっぱり縦メニューにしよう」とした時にCSSだけじゃなすまなくHTMLの方の修正も余儀なくなる。この作業が楽しいと思ってる種族σ(￣▽￣)もいるのだが、あくまでも外道であることを肝に銘じなければならない。
<ul class="state"><li><a href="<%topentry_link>#comments" title="「<%topentry_title>」へのコメント">コメント（<%topentry_comment_num>）</a></li><li><a href="<%topentry_link>#trackback" title="「<%topentry_title>」へのトラックバック">トラックバック（<%topentry_trackback_num>）</a></li><li><a href="#top" title="このページのトップへ"> Δ </a></li></ul>CSS2の before、after擬似要素とfirst-child擬似クラスを使う方法（モダンブラウザ用・IE6不可）
ul.state {padding:0; margin: 0;}ul.state li {padding:0; margin: 0;display: inline;}ul.state li:after, ul.state li:first-child:before {content: " | ";}