Blogger beta にもカレンダー 
ずっと前に、Blogger にもカレンダーという記事を書いたんですが、今日はその Blogger beta 版です。まずこちらの記事をお読み下さい。
(′З`) さん(どうお呼びすればいいんでしょう?)ご本人が書かれているように、
という難はあるものの、素晴らしいアイデアが満載のカレンダーです。ポイントを挙げてみると…
クリボウ式カレンダー
今回は完全に便乗しているので、クリボウのオリジナリティというものはないに等しいんですが、一応区別してクリボウ式と名づけておきます。最初(′З`) さんのものを 2006-11-24 形式のデートヘッダーにも対応させようと思ったんですが、コードが難解で見事に挫折…。ならばと Bloglendar ベースから JSCalendar ベースにして最初から書いてみました。挙動は(′З`) さんのものと全く同じ…はずです。こちらは、今のところ 2006-11-24 形式のデートヘッダーにしか対応していません。
以上、(′З`)さんのアイデアに感謝感激の、のっかりエントリーでした。カレンダーウィジェットの不具合などありましたら、ご一報下さいませ。
更新(2006-11-27) - デフォルトの日付変更
カレンダーが表示されたときに、最初に印がついている日付のことですね。たしかに、今日の日付に印がついている方がわかりやすいですね。…ということで早速変更しました。ご意見ありがとうございました。
追記(2006-11-27) - カレンダーのサイズ変更
追記(2006-11-30) - カレンダーのテーマ変更
JSCalendar には、デフォルトの Aqua を含め 10 種類のテーマがあります。
カレンダーに適用されるテーマを変更するには、Blogger beta 管理画面「テンプレート > ページ要素」からカレンダーウィジェットの「編集」リンクをクリック、
の赤字部分を、好みのテーマの CSS ファイル名(ナントカ.css)に書き換えて下さい。
(′З`) さん(どうお呼びすればいいんでしょう?)ご本人が書かれているように、
日付の表示が 火曜日, 11月 21, 2006 みたいな設定じゃないと使えない><
という難はあるものの、素晴らしいアイデアが満載のカレンダーです。ポイントを挙げてみると…
- 画面上に表示されている投稿以外も、カレンダーに表示できる
- ブログのアーカイブページの形式を変更する必要がない
- 日付を選択すると、その日に書かれた投稿を画面遷移なしで表示する
- 日付ごとの投稿データは、Blogger beta のブログ内検索で取得
- 同一ページ内への結果表示は、Blogger beta の書き換えスクリプトを使用
クリボウ式カレンダー
今回は完全に便乗しているので、クリボウのオリジナリティというものはないに等しいんですが、一応区別してクリボウ式と名づけておきます。最初(′З`) さんのものを 2006-11-24 形式のデートヘッダーにも対応させようと思ったんですが、コードが難解で見事に挫折…。ならばと Bloglendar ベースから JSCalendar ベースにして最初から書いてみました。挙動は(′З`) さんのものと全く同じ…はずです。こちらは、今のところ 2006-11-24 形式のデートヘッダーにしか対応していません。
![]() | このカレンダーの導入方法はというと… 上のボタンを押して、ウィジェット追加画面で「ウィジットを追加」ボタンを押すだけ。うーん、こういう時にウィジェット追加ボタンは便利ですね。 |
![]() | 左の画像のような、英語表記版もあります。こちらはクリボウの Blogger beta 実験ブログに貼り付けてあるので、実際にクリックして確かめてみて下さい。 上のボタンを押し、ウィジェット追加画面で「ウィジットを追加」ボタンを押すと導入できます。 |
更新(2006-11-27) - デフォルトの日付変更
青い印が最後にエントリーした日付ではなく現在の日付についていたほうがうれしいんですが、一般的にはどうなんでしょうか?
カレンダーが表示されたときに、最初に印がついている日付のことですね。たしかに、今日の日付に印がついている方がわかりやすいですね。…ということで早速変更しました。ご意見ありがとうございました。
追記(2006-11-27) - カレンダーのサイズ変更
前から設置したかったので、念願かなって☆という感じです(・ω・*)ただ、このカレンダーが 「ねこ日記」 にはとサイズが大きめで・・・
| カレンダーの横幅は、Blogger beta 管理画面「テンプレート > ページ要素」からカレンダーウィジェットの「編集」リンクをクリック、 #calendar-container {width:200px;} の赤字部分を編集することで、変更することが出来ます。 同じようにカレンダーのサイズで困っている方は、ぜひお試し下さい。ちなみに右の画像は、「160」にしてみたものです。 | ![]() |
追記(2006-11-30) - カレンダーのテーマ変更
JSCalendar には、デフォルトの Aqua を含め 10 種類のテーマがあります。
カレンダーに適用されるテーマを変更するには、Blogger beta 管理画面「テンプレート > ページ要素」からカレンダーウィジェットの「編集」リンクをクリック、
@import url("http://tools.kuribo.info/jscalendar-1.0/skins/aqua/theme.css");
の赤字部分を、好みのテーマの CSS ファイル名(ナントカ.css)に書き換えて下さい。
Aqua![]() aqua/theme.css | Winter![]() calendar-blue.css |
Blue![]() calendar-blue2.css | Summer![]() calendar-brown.css |
Green![]() calendar-green.css | Win2k-1![]() calendar-win2k-1.css |
Win2k-2![]() calendar-win2k-2.css | Win2k-cold-1![]() calendar-win2k-cold-1.css |
Win2k-cold-2![]() calendar-win2k-cold-2.css | System![]() calendar-system.css |


















もしやと思って表示言語を英語にして Blogger ダッシュボードを見てみると、クリボウも 

