経過日数バナー作成

子育てブログをやっている方に利用いただいている経過日数を表示するスクリプトですが、これはスクリプト(JavaScript)が使えるブログでないと利用できません。
たとえば、はてなダイアリーやエキサイトブログなどはスクリプトが使えないので利用できないのです。
そこでこんなツールを作りました。

経過日数バナー作成

スクリプトを禁止しているブログでも画像の貼り付けは認めているようなので、利用できると思います。
もちろん、スクリプトが使えるブログでも、この方法は使えます。スクリプトで書くよりもずっと短くて済みます。

生年月日や色やサイズを選んでボタンを押すと下にバナー(画像)が表示されます。
気に入った色やサイズになるようにいろいろ試してください。
次にその下のテキストボックスに表示される「」という文字列をご自分のブログの適当なところに貼り付けてください(もちろんブログでなくてもOKです)。

はてなダイアリーとエキサイトブログで試したところ、うまくできました。

  • はてなダイアリーの場合--「ヘッダ/フッタ/スタイルシートの編集」
  • エキサイトブログの場合--「スキン変更」-「HTML編集」

次の日、経過日数が1日進んでいることを確認してください。
「名前を付けて画像を保存」とすると普通の画像になってしまうので注意してください。
つまり、バナーを表示しようとすると、その都度、私のサーバ上で経過日数を計算しバナーを作成し、ブログに表示されるという仕組みになっています。
というわけで、このツールは、将来、何らかの理由により、削除・移動・変更されることがあります。この場合、予告等は行いません。これを了承した上でご利用ください。
また、ご利用の際はこのブログにコメントをいただけると嬉しいです。

ここからは細かい話です。

経過日数バナー作成のページでは
  • 起算日が1995年から2005年となっている。
  • 背景色と文字色が標準的な16色となっている(背景色と文字色が全く同じとき背景色を白にする)。
  • フォントサイズが10から48まで(16以上は4刻み)となっている。

という制限がありますが、「fy=2000&fm=1&fd=1&br=192&bg=192&bb=192&sr=0&sg=0&sb=0&fs=12」の部分を直接書き直せばもっと細かい設定が可能です。
ただし、年は1900年以前と未来には対応していません。フォントサイズも適当な値にしないとどうなるか分かりません。

fy:年、fm:月、fd:日。
br、bg、bb:背景色。順に赤、緑、青。0から255まで。
sr、sg、sb:文字色。順に赤、緑、青。0から255まで。
fs:フォントサイズ。

関連記事

[2005-05-08(Sun)]

ブログパーツ

家族でカラオケ | 「リカちゃんの家は8人家族なんだ!」

© 2014 You Look Too Cool