月めくりカレンダーを付ける

毒を食うわらば皿までと言う気分でカレンダーを付けた
3.2-jaではかなりテンプレートが変化しているようで困った

「環境設定＞テンプレート＞メインページ」のサイドバーのdivタグの中で

<div align="left" class="side">
<iframe name="cal-iframe" src="<MTBlogURL>archives/calendar/<MTDate format="%Y/%m/index">.html" width="160" height="140" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
</div>

と配置
「環境設定＞テンプレート＞アーカイブ＞テンプレートを新規作成」で
テンプレート名「カレンダー」とし、テンプレートの内容を

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0/ Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" /><title><$MTBlogName$></title> <link rel="stylesheet" href="<$MTBlogURL$>calendar.css" type="text/css" /> <script type="text/javascript" src="<$MTBlogURL$>dayChecker.js" charset="utf-8"></script> </head> <body > <div class="calendar"> <table summary="<$MTArchiveDate format="%Y/%m"$>"> <caption class="calendarhead"> <MTArchivePrevious> <a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.html">＜</a> </MTArchivePrevious> <$MTArchiveDate format="%B %Y"$> <MTArchiveNext> <a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.html">＞</a> </MTArchiveNext> </caption> <tr> <th abbr="Sunday" ><span class="holiday">Sun</span></th> <th abbr="Monday" >Mon</th> <th abbr="Tuesday" >Tue</th> <th abbr="Wednesday" >Wed</th> <th abbr="Thursday" >Thu</th> <th abbr="Friday" >Fri</th> <th abbr="Saturday" ><span class="saturday">Sat</span></th> </tr> <MTCalendar month="this"> <MTCalendarWeekHeader><tr></MTCalendarWeekHeader> <td><MTCalendarIfBlank><MTElse><span<MTCalendarIfToday> class="today"</MTCalendarIfToday>></MTElse></MTCalendarIfBlank><MTCalendarIfEntries> <MTEntries lastn="1"> <a href="<$MTEntryLink archive_type="Daily"$>" target="_top"><$MTCalendarDay$></a> </MTEntries> </MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> <MTElse></span></MTElse></MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar> </table> </div> <script type="text/javascript"> setCurrentDate(); setWeekendAndHoliday('<$MTArchiveDate format="%Y"$>','<$MTArchiveDate format="%m"$>'); </script> </body> </html>

「環境設定＞テンプレート＞インデックス＞テンプレートを新規作成」で
テンプレート名「カレンダー用スタイルシート」　出力ファイル名「calendar.css」とし、テンプレートの内容を

@charset "utf-8"; body { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; } .calendar { margin: 5px 0; text-align: center; } .calendarhead { padding-bottom: 5px; font-size: 9px; letter-spacing: 0.2em; } .calendar table { padding: 0; border-collapse: collapse; } .calendar th { padding-bottom: 3px; font-size: 9px; width: 23px; } .calendar td { padding: 2px 0; font-size: 10px; line-height: 120%; } .today { /* display: block; */ border: 1px solid #444444; } .holiday, .holiday a:link, .holiday a:visited { color: #e50003; } .saturday, .saturday a:link, .saturday a:visited { color: #0000ff; }

とし、保存、さらに
「環境設定＞設定＞公開＞アーカイブマッピング＞マッピングを新規作成」で
アーカイブの種類「月別」テンプレート「カレンダー」を追加

http://www.koikikukan.com/archives/2006/03/15-003030.php
上リンクから「dayChecker.js」を拾った後エディタで開き上ページ５の修正３を足して保存（>調理済みミラー）
MovableTypeを設置したindex.phpのあるディレクトリにアップロードする

以上？以上で終わり？抜けてない？

コメントする