Bird-Soft Weblog

参考
Movable Type メインページにカレンダーを表示

ここを参考に設置してみました。（カレンダーがあるとなんとなくかっこいいので・・・）

管理ページの「テンプレート」→「インデックス・テンプレート」→「メインページ」の適当なところに以下のタグを追加しました。

<!-- カレンダーのテストです -->
<h2 class="module-header">カレンダー</h2>
<div class="module-content">

<div id="calendar">
<MTArchiveList archive_type="Monthly" lastn="1">
<table summary="カレンダー">

<caption>
<MTArchivePrevious><a href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>"><<</a></MTArchivePrevious>
<$MTArchiveTitle$>
>>
</caption>

<tr>
<th abbr="日曜日">日</th>
<th abbr="月曜日">月</th>
<th abbr="火曜日">火</th>
<th abbr="水曜日">水</th>
<th abbr="木曜日">木</th>
<th abbr="金曜日">金</th>
<th abbr="土曜日">土</th>
</tr>

<MTCalendar month="this">
<MTCalendarWeekHeader>

<tr>
</MTCalendarWeekHeader>

<td<MTCalendarIfToday> class="today"</MTCalendarIfToday>><MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink archive_type="Daily"$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></td>

<MTCalendarWeekFooter>
</tr>


</MTCalendarWeekFooter>


</MTCalendar>

</table>
</MTArchiveList>
</div>
</div>
<!-- カレンダーのテストここまで -->

次に、「スタイルシート」に以下のタグを追加しました。

/* calendar test */

#calendar {
line-height: 140%;
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;

padding: 2px;
text-align: center;
margin-bottom: 30px;
}

#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 100%;
}

#calendar caption {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;

text-align: center;
font-weight: bold;

text-transform: uppercase;

letter-spacing: .3em;
}

#calendar th {
text-align: center;
font-weight: normal;
}

#calendar td {
text-align: center;
}

.today {color: #ff0000;}

このようにしたあと、
日別アーカイブを有効にしておきます。
これで以下のようなカレンダーが表示されました。