カウントアップ【何日目】（色付き）

ブログに生まれて何日目かを表示するブログパーツ（Javaスクリプト）です。
このページからコピーして、開始年月日を書き換えて貼り付けるだけで使えます♪

• 生まれて○日目　だけでなく、「ブログ開始から○日」「禁煙して○日」「ダイエット開始から○日」など、適当に変えてもＯＫ。
• 生まれた当日（あるいは開始当日）は１日目とカウントします。

■サイドバー、またはサブタイトル（キャッチコピー）欄で使用できます。
（サイドバーのプロフィール欄には表示できません。マイリストでリンクを作成して貼り付けてください）

■サンプル

★生まれて292日目★

■使い方

【1】下記のスクリプトソースの、<div style="font-size:100%;"> から　</div>までをコピーしてWindowsのメモ帳に貼り付けます。
用意しているのは２色しかありませんが、好きな色に変えられますので…(^_^;)

★生まれて292日目★

<div style="font-size:100%;text-align:center;">
<script type="text/javascript">
<!--
var tday=new Date();
var bday=new Date(2005,5-1,16);
var ac="#FF3366";
var mark="★";
var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000));
days=(days+"").fontcolor(ac);
days=days.bold();
mark=mark.fontcolor(ac);
document.write(mark+"生まれて"+days+"日目"+mark);
// -->
</script>
</div>

★生まれて292日目★

<div style="font-size:100%;text-align:center;">
<script type="text/javascript">
<!--
var tday=new Date();
var bday=new Date(2005,5-1,16);
var ac="#3399CC";
var mark="★";
var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000));
days=(days+"").fontcolor(ac);
days=days.bold();
mark=mark.fontcolor(ac);
document.write(mark+"生まれて"+days+"日目"+mark);
// -->
</script>
</div>

【2】メモ帳に貼り付けたら、下記の赤い字で表示した場所を順次書き換えていきます。（全て半角英数字で！）

　■１行目「<div style="font-size:100%;text-align:center;">」

フォントサイズと表示位置を設定します。

100%　⇒周りの文字と同じ大きさで表示されます。小さめにしたい場合は80%などに。

center　⇒センタリング（中央揃え）です。左寄せの場合はここを「left」に、右寄せは「right」に書き換えます。

　■５行目「var bday=new Date(2005,5-1,16);」

カウントアップの開始日（誕生日）を書き換えます。

【例】　2000年8月9日生まれの場合
var bday=new Date(2000,8-1,9);

　■６行目「var ac="#FF3366";」

カウント数字の色を変更します。

#FF3366が「色コード」です。

色コードは　『Mariのいろえんぴつ』様、『色のみじん切り』様などを参考に、好きな色に変更してください。

「生後292日」のように、数字に色を着けない（周囲の色と同じ）ようにするには、色コード部分だけ削除して「var ac="";」とします。

　■７行目「var mark="★";」

前後に表示する記号です。不要の場合は★を削除し「var mark="";」としてください。

画像も使用できます。「var mark="http://〜";」と、★の代わりに画像のURLを入力してください。（画像は直リンクせず、必ず自分でサーバーにアップロードしたものをお使い下さい。この意味がわからない場合は画像は使用しないでください。）

　■8行目「var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000));」

生まれた当日を0日とカウントする場合（生後○日など経過日数を表したい場合）は、Math.ceil を Math.floor に書き換えます。

　■10行目「days=days.bold();」

カウント数字を太字にする設定です。
「生後292日」のように、数字を太字にしない場合は、この行を１行全部削除します。

　■１２行目「document.write(mark+"生後"+days+"日"+mark);」

生後○日　ですが、用途に応じてお好きなように書き換えてください。

【例】ブログ開始から○日目

document.write(mark+"ブログ開始から"+days+"日目"+mark);

【例】禁煙して○日目

document.write(mark+"禁煙して"+days+"日目"+mark);

【例】ダイエット
　　　○日目♪

document.write(mark+"ダイエット<br />"+days+"日目♪"+mark);

【3】ここで一旦メモ帳を保存してください。

【4】ココログのマイリストでリンクリストを作成し、作成したソースを貼り付けます。

・「マイリストの新規作成」欄で、「メモ」または「リンク」を選び、リストのタイトルを入力したら「リストの新規作成」をクリック。

・「このリストをブログまたはプロフィールページで表示する」をクリック。
使用するブログ（あるいはプロフィールページ）にチェックを入れて「変更を保存」ボタンをクリック。「選択したサイトにリストを追加しました。」とメッセージが出たら小ウィンドウを閉じる。

・「項目を追加」をクリック。
【2】でメモ帳に作成したスクリプトソースを全部コピーし、「メモ」欄に貼り付けます。「タイトル」「URL」は空欄で「追加」をクリック。
「新しい項目を追加しました。」とメッセージが出たら小ウィンドウを閉じる。

・マイリストの「リンク」で作成した場合、リンクリストの「設定」タブをクリックし、「高度な設定」で、「メモの表示」の「テキスト表示」をチェックし、「変更を保存」してください。

マイリスト作成について、詳しくはこちら
■ココログサポート・使い方ガイド　5-4リンクリスト
http://support.cocolog-nifty.com/howto/2005/10/post_2b01.html

【5】以上で終了です。

スクリプトソースを貼り付けたリンクリストが表示されない場合は、「現在のテンプレートを編集」画面で「表示項目を変更」をクリックし、「表示項目」画面を開きます。
そこで作成したリンクリストにチェックを入れて変更を保存してください。

2006/8/4

・floorをceilに変更（開始日を含めない経過日数カウント⇒開始日を含めて何日目かというカウントに変更）