とりあえず、自分的にかっこよくカレンダーを表示できたつもり。
でも、ここまでくると、欲も出てくる。
livedoorブログみたいに、前月・翌月をクリックして切り換える
(過去のカレンダーを表示する)ことはできないのかなぁと思って、
検索していたら、この機能を実現するスクリプトの記事をみつける
ことができた。
LONGER THAN FOREVERさんの
ココログのカスタマイズ 【カレンダー編(導入)】という記事です。
オレのブログにもさっそく、導入してみました。
以下、設置メモ。
1.スクリプトのダウンロード&アップロード
1.LONGER THAN FOREVERさんからスクリプトをダウンロード。
2.ココログの管理ページから
「コントロールパネル」→「ファイル」→「blog(フォルダ名)」
の順にクリックし、ダウンロードした「calendar.js」をアップロード。
※アップロードする場所は、「ブログ」→「設定の変更」の下にある
フォルダの名前を確認
2.コードの張り付け
1.「ブログ」→「設定の変更」の順にクリックし、
「ブログのサブタイトル(キャッチフレーズ)」の欄に
LONGER THAN FOREVERさんの記事(【JavaScriptの設定】)
からコードをコピーして、自分のブログ用に設定してから、張り付ける。
オレのブログの場合は、
<script language="javascript">
<!--
var blogURL = "http://islandz.cocolog-nifty.com/blog/";
var blogStartYear = 2005;
var blogStartMonth = 01;
var calendarType = "J";
//-->
</script>
<script language="javascript" src="http://islandz.cocolog-nifty.com/blog/calendar.js" type="text/JavaScript"></script>
2.「変更を保存」をクリック。
※「サイトに反映」はまだしない
※オレのブログでは上記1・2の手順だけでは動作しなかった
3.マイリストの作成
1.「マイリスト」→「マイリストの新規作成」の順にクリックし、
「リストのタイプ」をリンクに、
「リストの名前」をカレンダー(好きな名前)と入力して
「リストの新規作成」をクリック。
2.「設定」をクリックし、下にある「高度な設定」の「メモの表示」を
テキスト表示にチェックして、「変更を保存」をクリック。
3.「管理」→「項目の追加」の順にクリックすると、別ウィンドウが開く。
メモの欄にLONGER THAN FOREVERさんの記事(【その他】)
からタグをコピーして、張り付ける。
※マイリストの「タイトル」と「URL」には入力しない(空欄のまま)
4.下にある「追加」をクリック。
5.「ウィンドウを閉じる」をクリック。
4.デザインの編集
1.「ブログ」→「デザインの編集」→「表示項目を変更」の順に
クリックし、サイドバーの項目のカレンダーのチェックを外し、
マイリストのカレンダー (リンク)にチェックをつけて、
「変更を保存」をクリック。
2.「反映」をクリックすると、別ウィンドウが開く。
「すべてのファイル」を選択して、「反映」をクリックする。
上記1・2・3・4の手順で、みごと完成!
こんなすばらしいスクリプトを作成された
たつ(LONGER THAN FOREVER 管理人)さんに感謝、感謝です。