クリボウの Blogger Tips: Blogger beta にもカレンダー

2006-11-25

Blogger beta にもカレンダー

ずっと前に、Blogger にもカレンダーという記事を書いたんですが、今日はその Blogger beta 版です。まずこちらの記事をお読み下さい。

（超）実験室: カレンダーをWidget化してみる実験

(′З｀) さん（どうお呼びすればいいんでしょう？）ご本人が書かれているように、

日付の表示が火曜日, 11月 21, 2006 みたいな設定じゃないと使えない＞＜

という難はあるものの、素晴らしいアイデアが満載のカレンダーです。ポイントを挙げてみると…

画面上に表示されている投稿以外も、カレンダーに表示できる
ブログのアーカイブページの形式を変更する必要がない
日付を選択すると、その日に書かれた投稿を画面遷移なしで表示する

こんな感じです。実際に上記リンクからブログを表示し、カレンダーをクリックしてみるのが一番わかりやすいと思います。この動作を実現するために技術的には

日付ごとの投稿データは、Blogger beta のブログ内検索で取得
同一ページ内への結果表示は、Blogger beta の書き換えスクリプトを使用

ということをされています。うーん、すごいです！

クリボウ式カレンダー

今回は完全に便乗しているので、クリボウのオリジナリティというものはないに等しいんですが、一応区別してクリボウ式と名づけておきます。最初(′З｀) さんのものを 2006-11-24 形式のデートヘッダーにも対応させようと思ったんですが、コードが難解で見事に挫折…。ならばと Bloglendar ベースから JSCalendar ベースにして最初から書いてみました。挙動は(′З｀) さんのものと全く同じ…はずです。こちらは、今のところ 2006-11-24 形式のデートヘッダーにしか対応していません。

このカレンダーの導入方法はというと…

上のボタンを押して、ウィジェット追加画面で「ウィジットを追加」ボタンを押すだけ。うーん、こういう時にウィジェット追加ボタンは便利ですね。

左の画像のような、英語表記版もあります。こちらはクリボウの Blogger beta 実験ブログに貼り付けてあるので、実際にクリックして確かめてみて下さい。

上のボタンを押し、ウィジェット追加画面で「ウィジットを追加」ボタンを押すと導入できます。

以上、(′З｀)さんのアイデアに感謝感激の、のっかりエントリーでした。カレンダーウィジェットの不具合などありましたら、ご一報下さいませ。

更新（2006-11-27） - デフォルトの日付変更

青い印が最後にエントリーした日付ではなく現在の日付についていたほうがうれしいんですが、一般的にはどうなんでしょうか？
LifeHacksノート: カレンダー設置

カレンダーが表示されたときに、最初に印がついている日付のことですね。たしかに、今日の日付に印がついている方がわかりやすいですね。…ということで早速変更しました。ご意見ありがとうございました。

追記（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

posted at 01:33 | Translate

カレンダー追加ボタンをポチッとして、
やってみたのですが、カレンダーが表示されません（。。；）
日付の表示も「火曜日, 11月 21, 2006 」にしたのですが・・・・

なぜでしょうか？？？
お教え下さいませ（・ω・；）

By Anonymous, at 26 November, 2006 11:19
あ、エントリー、わかりにくかったかもしれませんね。うちのカレンダーは日付の表示を「2006-11-24」形式にしてご利用下さいませ。

By kuribo, at 27 November, 2006 01:16
クリボウさんはじめまして。
いつも参考になる記事ありがとうございます。ご苦労してつくられたのをポチポチっとありがたく使わせていただいています。

By Anonymous, at 27 November, 2006 01:28
表示を変更したら、出来ました。表示されました。
クリボウさん、お手数お掛けしました（汗）本当にありがとうございました。

By Anonymous, at 27 November, 2006 12:12
追加ボタンをポチッと押させていただきました。
ありがとうございました。

By Anonymous, at 27 November, 2006 13:26
カレンダー表示ができたらいいなと思ってました。
速攻、追加ボタンをポチッとさせていただきました。
ありがとうございます。

By Anonymous, at 28 November, 2006 01:13
すばらしい！
前からカレンダーほしいと思っていたのですがこんなに簡単にできるなんて。

いつも本当にありがとうございます。

By Anonymous, at 29 November, 2006 21:19
はじめましてです。
早速導入させていただきました。
ホント、感謝感激雨霰。
ありがとうございました。

By おサル。, at 01 December, 2006 16:16
初めまして
いつも参考にさせてもらってます。さっそくポチっと追加させてもらいました。上手く動いているみたいです。ありがとうございますっ！

By Anonymous, at 02 December, 2006 02:39
kuriboさん、はじめまして。
カレンダー追加ボタンを押しても、処理ができないとのエラーが返ってきます。
Blogger Betaでウィジェットを受け付けるような設定が必要なのでしょうか？
素人的な質問で恐縮ですが、宜しくお願い致します。

By Anonymous, at 03 December, 2006 13:24
みなさんコメントありがとうございます。ボタンでポチッと追加できるのはやはり便利ですね。初めましての方が多いですが、これからもよろしくお願いします。

＞ ahoyagi さん
特別な設定は要らないはずなんですが…。Blogger beta のアクセス障害かなんかでしょうかね。もし再び同じエラーが出るようなら、そのメッセージをこちらに貼り付けてもらえるとうれしいです。

By kuribo, at 03 December, 2006 23:36
クリボウさん、こんにちわ。
私もahoyagiさんと同じエラーではないような気がしますが・・・エラーになってしまいます。みなさんは変わりはないのでしょうか？？

エラーメッセージが出るわけではないのですが、「変更を保存」をポチッとしても無反応で、左下に「ページでエラーが発生しました。」と表示されます。

By Anonymous, at 04 December, 2006 10:19
はじめまして。…ですが、いつもお世話になってます（笑）
カレンダー、導入させていただきました。
ポチっとするだけなんて、ほんと便利ですばらしいですね。
ありがとうございました。

By Anonymous, at 06 December, 2006 10:10
はじめまして。

つい１週間前にはじめました。
ポチっとさせていただきました。ありがたく使わせていただきます。

By Anonymous, at 18 December, 2006 03:56
はじめまして。

おかげさまで、物凄く簡単にカレンダー追加できました。

最近のブログって、いろいろできるんですねぇ…。

By はるみち, at 30 January, 2007 00:45
「Blogger にもカレンダー」から教えていただいたHRKです。
こちらの記事のとおり、カレンダーを追加することができました。
すばらしいです！！
利用させていただきますm(__)m

By HRK, at 17 March, 2007 23:50
こんばんは、はじめまして。カレンダー表示できました。ありがとうございます。

By Y.Yamada, at 21 March, 2007 22:24
くりぼうさん

カレンダー設置させていただきました。
ワンクリックで追加でき
大変たすかっております。
1点確認したいのですが、
背景黒のところでしようしたいのですが、
各日にち（数字）についている白いシャドウをけすことは可能でしょうか？

もしかしたらjavascriptで制御しているようですので、こちら側ではカスタマイズできませんでした。。。

すいませんお時間あるときに見てもらうことはかのうですか？？
すいません

By camel, at 13 April, 2007 18:26
カレンダー、使わせて頂きました。
クリック２つで付けることができ、カッコいいです。お世話になりました。

お世話ついでと言っては何ですが、カレンダーの幅を２００ピクセルより大きくすると、表示が乱れます。対応可能でしょうか？

By ボンボンバカボン, at 09 June, 2007 00:13
クリボウさん、初めまして、セ・キャトルです。
つい最近BloggerでBlogを始めたものですが、カレンダーで辿り着いて、ポチッとさせていただいたのですが、「ページでエラーが発生しました。」とIEの左下に表示され、カレンダーそのものが表示されない状況です。因みにテンプレートは、Envyさんのものを使用させて貰っています。
何か対応策がありましたらご教授いただきたく、大変恐縮ですが、宜しくお願いいたします。

By セ・キャトル, at 10 July, 2007 11:43
カレンダーありがとうございます。
最近bloggerはじめたのですが、クリボウさんの記事とても参考にさせていただいてます。感謝！

By hiromi, at 22 August, 2007 15:46
初めまして。
カレンダーウィジェットを使わせていただきました。
やはり、ブログの投稿とリンクしているカレンダーは良いですね！

他にもいろいろと参考にさせていただいております。

By chovi, at 04 September, 2007 13:20
ありがたくポチっと使わせて頂きました。
ありがとうございます。m(__)m

By さるぼぼ, at 05 September, 2007 20:11
はじめまして。
カレンダー使わせていただきます。
あまりの簡単さに驚愕です。

By kohei, at 29 September, 2007 09:43
お返事遅くなってすみません。
みなさん喜んで使ってくださっているようで、嬉しいです。

> 私もahoyagiさんと同じエラーではないような気がしますが・・・エラーになってしまいます。みなさんは変わりはないのでしょうか？？

Blogger サイトのアクセス障害などで、処理が完了しない場合があります。
しばらく時間をおいてから、再チャレンジしてみてください。

> 背景黒のところでしようしたいのですが、
> 各日にち（数字）についている白いシャドウをけすことは可能でしょうか？

デザインに関しては CSS で設定されています。
各テーマの CSS を確認して、同じ項目名でスタイルシートを上書きすればカスタマイズが可能です。

> 「ページでエラーが発生しました。」とIEの左下に表示され、カレンダーそのものが表示されない状況です。

ブログ確認してみたんですが、エラーが出ているのはカレンダーとは関係がない部分のスクリプトです。
全リンクを「_blank」で開くためのスクリプト部分をご確認下さい。

By Kuribo, at 29 September, 2007 11:36
クリボウさん
有り難く使わせていただきました。
素晴らしいです。
しかも、ウィジェットで提供いただけるとは至れり尽くせりですね。

By oasis, at 20 October, 2007 19:22
使わせていただいてたのですが、カレンダー、気付いたら、機能しなくなっています。いつからか分かりませんし、私だけかもしれません。もう一回、ポチっとしてみたんですが、やっぱりダメです。お時間があれば、見てやってください。

By ボンボンバカボン, at 26 January, 2008 22:26
先日参考にさせていただき、早速
設置できてとても助かりました。
有難うございます(^^

Blogger Tips へのリンクもさせて
頂きました。

今後とも宜しくお願いします。

By Hasegawa, at 02 February, 2008 12:55
くりぼうさん、初めまして！
いつもHPを参考にさせていただいています。
私もカレンダーを追加させていただきました。
簡単に追加できて本当に嬉しいです。
ありがとうございました！！
これからも宜しくお願い致します。

By SUNNY, at 03 February, 2008 15:25
くりぼうさん、度々すみません。
カレンダーの日付をクリックするとその日
の日記が表示されると思うのですが、なぜ
か表示されないです。

お時間のある時にどうしたらいいかご確認
いただいても宜しいでしょうか？
宜しくお願い致します。

By SUNNY, at 03 February, 2008 23:20
みなさん、コメントありがとうございます。
いつの間にか Blogger の仕様が変わって、記事単独ページ以外は、ページ内書き換えスクリプトが効かなくなったようです。
トップページ、アーカイブページ、ラベルページ、検索結果ページでもスクリプトが有効に働くように、コードを書き直したので、ご確認下さい。
ちなみに、すでに導入されている方は、新しくウィジェットを追加しなおす必要はありません。

By Kuribo, at 13 April, 2008 22:32
はじめまして！
カレンダー設置もテーマ変更も簡単にできました。有り難うございました。

By betty, at 28 April, 2008 17:31
苦労して作成されたと思います。
便利に使わせていただきます。
どうもありがとうございます。

By Sanoji, at 03 May, 2008 10:56
くだらない質問なのかもしれませんが、これって全世界どこにいても使えます？実は海外にすんでいるため日本と日付が半日ずれています。カレンダーで黒くなっている部分（エントリーのある日）をクリックすると、こちらの前の日のポストが表示されてしまうのですが。。。

By Lothlorien, at 09 May, 2008 01:21
カレンダー機能、ありがたく使わせていただきますm(_ _)m

勝手ではございますが、カレンダーの下に「Powered by クリボウ」としてリンクを張らせていただきました。

By 鉤守, at 22 June, 2008 13:55
カレンダー使わせてもらいました。
とてもいい感じです。
何故か自分がやったときは、「ADD WIDGET」ボタンでエラーが発生指定待ったので、「Edit Content」からソースを表示して張り付けたらうまく行きました。

By Cat-sushi, at 23 August, 2008 14:10
はじめまして。カレンダー使わせていただきました。ブログ初心者の私にも簡単にできて、感激です。そのほかにもいろいろと有用なヒントが満載で、本当に助かります！

By Hazie（へいじー）, at 26 September, 2008 19:56
はじめまして、ブログ作成を始めたばかりのものです。カレンダーを使わせていただきました。カレンダーの表示も、幅の修正もバッチリできたのですが、日付を押してもその日の投稿画面になりません。なぜなのでしょう?良かったら教えてください。

By knight_wow, at 05 February, 2009 18:26
すみません、コメントの表示方法をポップアップから埋め込みにしたらちゃんと動くようになりました。お騒がせしました。

By knight_wow, at 05 February, 2009 19:11
はじめまして。
カレンダーウィジェット導入させていただきました。
しかし、なぜかトップページでは日付をクリックしても何も反応がありません。
トップページからも使えるようにできませんでしょうか。

By rx-7, at 11 February, 2009 09:45
カレンダーウィジェット更新しました。トップページからの日付クリックで移動できなくなっていましたが、もうできるようになっていると思います。
ぜひご確認下さい。
（ユーザー側でウィジェットの追加やスクリプトの変更は必要ありません。）

By Kuribo, at 12 February, 2009 00:32
正常な動作を確認しました。
迅速な対応に感謝します。

By rx-7, at 12 February, 2009 01:56
はじめまして。Bloggerに乗り換えて約2ヶ月の初心者なので、いつも参考にさせて頂いてます。

今回はカレンダーをポチっとさせて頂きました。
ありがとうございました。

By sworks, at 13 February, 2009 17:28
はじめまして、
カレンダーがなくて困っていたところで見つけました。
追加ボタンをポチッとやってみたのですが、表示されません。
別なIDで持っているブログには追加出来るのに最近作成したブログに追加出来ません。
日付も色々変更してみてもWidgetsのタイトルしか表示されません。
なぜでしょう？？
教えてください。

By 福島県インキュベート施設ネットワーク協議会, at 03 March, 2009 11:20
コメントありがとうございます。
閲覧に承認の要るブログでは、投稿のフィードが取得できなくて、カレンダーが表示されないんだと思います。

By Kuribo, at 04 March, 2009 20:28
返信ありがとうございます。
非公開では表示されない事は途中で気がついたのですが、（現在準備中のため非公開ですが）公開してみても一覧ページではカレンダーが表示されません。
個別エントリーでは表示されるのでポチッとやるボタンを間違えているのかなぁと考えていたのですが、他の原因もあるか聞きたく再度コメントです。

By 福島県インキュベート施設ネットワーク協議会, at 09 March, 2009 09:11
Bloggerで使えるカレンダーを探していました。とっても参考になります。
設置させていただきます。
ありがとうございました。

By iToy, at 19 March, 2009 14:21
＞福島県インキュベート施設ネットワーク協議会さん
他の原因は思いつきません。アクセスが拒否されるので、検証のしようもないですね…。

＞ iToy さん
コメントありがとうございます。記事がお役に立ててよかったです。

By Kuribo, at 04 April, 2009 15:51
Bloggerで使えるカレンダーを探してたどり着きました。
利用させていただきます。ありがとうございます。

By chiget, at 15 April, 2009 10:16
カレンダー探していてたどり着きました。クリックだけで追加されるので簡単で助かりました～

ありがとうございました♪

By たけぞぉ, at 18 May, 2009 19:35
＞ chiget さん
＞たけぞぉさん

どういたしましてです。
コメントありがとうございます。

By Kuribo, at 18 May, 2009 21:47
はじめまして！
カレンダー使わせていただきますね＾＾

By SEIJI, at 30 May, 2009 09:04

クリボウの Blogger Tips

このブログについて

フィードリーダーに登録

お知らせ

以前の記事

現在の閲覧者数

Blogger beta にもカレンダー