FLASH横型カレンダー設置。

ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニックを参考に、小粋空間様の月送りカレンダー（横型・リアルタイム版）をベースにして、Kinarie&Maｙ様のMT用横型flashカレンダー2.00を導入してみた。

1．アーカイブ用のテンプレートを作成。
■テンプレート-アーカイブ-新規作成で、テンプレートを任意の名前に設定して、小粋空間様にあるテンプレートをコピぺ。

■保存。

2．カレンダー用スタイルシートの作成←あとから、FLASHのものに入れ替えるので、もしかしたら、必要ないステップかも・・・。
■テンプレート-インデックス-新規作成で、テンプレートを任意の名前、出力ファイル名を”calendar.css”に設定し、小粋空間様のテンプレをコピペ。

■再構築オプションは一旦外しておいて、保存。

■保存したら、再構築オプションにチェックを入れておく。

3．アーカイブマッピングの新規作成
■設定-公開-アーカイブ・マッピング-でマッピングを新規作成を選択 。

■アーカイブの種類は月別、テンプレートは1で設定したテンプレート名を選択後、追加をクリック。

■追加したアーカイブマッピングの出力フォーマットを

calendar/%y/%m/index.php

に変更して、保存。

4．カレンダーを設置するテンプレートを編集。

<!-- タイトル開始 -->
　　　　・
　　　　・
　　　　・
<!-- タイトル終了 -->

↑
この直後に

<div id="globalnavi">
<iframe name="cal-iframe" src="archives/calendar/.php" width="698" height="20" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
</div>

を入れる。

この部分は、後から、Kinarie&Maｙ様のMT用横型flashカレンダー2.00のタグと差し替える。

5．元のカレンダー（下記の部分）のタグを削除。

<div class="side">
<div class="calendar">
　　　・
　　　・
　　　・
</MTCalendarWeekFooter>
</table>
</div>
</div>

6．スタイルシートの設定←後からFLASHに入れ替えるのでもしかしたら必要ないかも・・・。

/* 横型カレンダー */ #globalnavi { text-align: center; padding-bottom: 5px; 　 border-bottom : 1px solid #666699; }

私は、カレンダー下にボーダーが入るのがイヤだったので、border-bottomを削除。

小粋空間様をベースにしての作業はここで終了。

7． Kinarie&Maｙ様のこちらのページより、FLASHをダウンロード。

解凍。

8．w_calendar200.swfを任意の場所にアップロード。

アップロードした場所のURLを控えておく。

MTからアップロードすれば、URLが表示されるので、FTPよりMTでアップロードした方がラクかも。

9．XMLファイルの作成。
テンプレート-インデックス-新規作成でファイル名は任意、出力ファイル名は○○.xml（○○は任意。拡張子をxmlにする。）で作成。

Kinarie&Maｙ様のこちらのページの手順3にあるソースをコピペ。

保存。

10．ソースの作成。
Kinarie&Maｙ様のこちらのページでソースが作成できるので、必要事項を入力して作成する。

■swfファイルとXMLファイルはhttp://から始まる絶対パスで！

■デザイン、色を好みのものにする。

■”ソース表示”ボタンをポチッと押せばソースが完成。

11．10で出来上がったソースをコピーする。

12．4で貼り付けたタグ、

<div id="globalnavi">
　　　・
　　　・
　　　・
</div>

の<div id="globalnavi">と</div>の間のソースを削除して、11のソースをコピペ。

保存。

これで、横型FLASHカレンダーがタイトルの下に表示される。