月別アーカイブをすっきり表示に

Magic White さま 「月別アーカイブの表示の変更」 見て、このすっきり感、いいっ！と思ったので 早速 真似してみることに。
まず、ArchiveDateHeader Plugin で プラグインをダウンロード、解凍して、いつものように plugins フォルダにアップします。
Magic White さま同様、やむやむ も 小粋空間 さまのテンプレートを使わせていただいてるので、
サイドバー Monthly Archives のテンプレートに 以下のように記述しました。

<div id="categories">
<ul>
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader>
<li><b><$MTArchiveDate format="%Y"$></b>
</MTArchiveDateHeader>
<a href="<$MTArchiveLink$>" title="<$MTArchiveCount$>"><$MTArchiveDate format="%m"$></a></li>
</MTArchiveList></ul>
</div>

<div id="categories">～</div> は、カテゴリリストのスタイルシートを Monthly Archives にも
そのまま適用するために 使っています。
あと、こちら のカスタマイズを生かすために、
アーカイブリンクを強調表示するためのJavaScript を 一箇所 修正しました。

<script type="text/javascript" language="javascript">
<!--
var data = "<$MTArchiveTitle$>";
var year = data.substring(0,4);
var month = data.substring(12,14);
var nodes = document.getElementById('monthlylist').getElementsByTagName('a');
for (i = 0; i < nodes.length; i++) {
var a = year + "年" + month + "月";
if(nodes[i].innerHTML == a){
nodes[i].setAttribute("class","selectedlink");
nodes[i].setAttribute("className","selectedlink"); // for IE
}
}
//-->
</script>

の、青い字のところを　↓こうしました。これ直さないと、アーカイブリンクが強調表示されません。

var a = month;

←こんなふうに表示されるようになりました。
2005年１月の月別アーカイブのページにいるときの例です。
月のリンクにカーソルを載せると、その月のエントリ数が表示されます。