□サンプル□
お名前は5歳8ヶ月7日♪
- 年齢カウンターです。その日何歳何ヶ月何日になったかHPやブログに表示します。
- 名前と生年月日を書き換え、Webページやブログにコピペ（コピー＆貼り付け）するだけで使えます。
- 「歳」を「年」に、書き換えれば、経過年月日カウントに使えます。ブログ開設から○年○ヶ月○日など、ご自由にお使いください。
- ペットの年齢にもどうぞ♪
- HTMLソースを書き換えれば、好きな文字の色、数字の色、数字の強調、文字のサイズ、位置（センタリングなど）を設定できます。
- 2月29日生まれ対応です。（閏年以外は、2月28日を誕生日としています。）
規約
配らないこと。リンク・URLを削除しないこと。【⇒詳細はこちら】
つかいかた
- 下記■ソース■の中に、生年月日などの項目がありますので、画面から直接書き変えます。
詳しくは■書き変え箇所の説明■をご覧ください。
※コピーして貼り付けた後に書き換えても構いません。やり易い方でどうぞ。
※Mac使用の方はこちらもご覧ください。 - 書き変えたら「ソースを全選択する」ボタンを押します。ソースが反転色表示されますので、その上で右クリック・コピーします。
- ブログやサイトに貼り付けます。
⇒ブログに貼り付けるには
⇒ホームページビルダーで貼り付けるには - 保存・更新して、表示を確認します。
書き変え箇所の説明
上記■ソース■の中の一部を書き変えます。
基本的には、お名前と生年月日の変更だけで使用できます。
他にも色や表示位置・文字サイズなどの設定箇所がありますので、お好きなように変更してください。
ブログやサイトに貼り付けた後でも変更できます。
※赤字で示した部分以外をいじらないようにしてください。記号を１文字でも削除すると動作しません。
■名前・生年月日・色の設定---下から４行目
Nocd("お名前",2001,6,6,"#6699cc","#000000");
- お名前⇒お名前に書き変えてください。
- 2001,6,6⇒生年月日に書き変えてください。（必ず半角数字でお願いします）
- #6699cc⇒名前や数字の色（アクセント色）を設定します。お好きな色のコードを半角英数字で記入してください。
- #000000⇒ベースの文字色（アクセント色以外の色）を設定します。（ソース中では空欄になっています。）お好きな色のコードを半角英数字で記入してください。空欄のままだと、自動的にそのページで設定された色になります。
- ※誤って「,」「"」などの記号を削除しないように気をつけてください。
■文字サイズ・横位置、その他スタイルの設定---下から７行目
var s1="<div style=\"font-size:100%;text-align:center;\">";
- 文字サイズは、初期状態（100%）だと、貼り付けるページで設定されている文字サイズになります。
サイズを小さめにするなら85%、75%などに変更します。
ポイント(pt)やピクセル(px)、emなどでのサイズ指定でもOKです。 - メッセージの横位置は、初期状態で中央揃え（center）です。
left⇒左寄せ
center⇒中央揃え（センタリング）
right⇒右寄せ
となります。（なお、script by KTのリンク文字は、必ず右寄せです。） - スタイル設定の追加も可能です。
Macの場合、\がコピペの時に文字化けしてしまうので、下記のタグに差し替えた後、書き変えてください。var s1='<div style="font-size:100%;text-align:left;">';
■太字の設定---真ん中あたり
var bold=1;
- アクセント色を強調しない（太字にしない）場合は、var bold=0;とします。
■二人以上表示する---下から４行目
return (document.write(output));};
Nocd("お名前",2001,6,6,"#6699cc","");←この行をコピペで増やして書き換えます
// --></script>
Nocd("お名前",2001,6,6,"#6699cc","");←この行をコピペで増やして書き換えます
// --></script>
- 例
return (document.write(output));};
Nocd("お名前1",2001,6,6,"#336699","");
Nocd("お名前2",2002,7,7,"#CC6666","");
Nocd("お名前3",2003,8,18,"#99CC66","");
Nocd("お名前4",2004,9,19,"#FFCC00","");
// --></script>
Nocd("お名前1",2001,6,6,"#336699","");
Nocd("お名前2",2002,7,7,"#CC6666","");
Nocd("お名前3",2003,8,18,"#99CC66","");
Nocd("お名前4",2004,9,19,"#FFCC00","");
// --></script>
■メッセージを変える
var age0=name+"は";
var age1=ysf+"歳";
var age2=msf+"ヶ月";
var age3=dsf+"日";
var age4="♪";
var age5="生後";
var age6="と";
var age7="ちょうど";
var age8=name+"は今日で"+ysf+"歳です♪";
var age1=ysf+"歳";
var age2=msf+"ヶ月";
var age3=dsf+"日";
var age4="♪";
var age5="生後";
var age6="と";
var age7="ちょうど";
var age8=name+"は今日で"+ysf+"歳です♪";
- 表示されるメッセージは、age0〜age8までの組み合わせになります。
- 通常の日
⇒[name]は[ysf]歳と[dsf]日♪…age0+age1+age6+age3+age4の組み合わせ
⇒[name]は[ysf]歳[msf]ヶ月ちょうど♪…age0+age1+age2+age7+age4の組み合わせ
⇒[name]は[ysf]歳[msf]ヶ月[dsf]日♪…age0+age1+age2+age3+age4の組み合わせ
- 生後１年以内
⇒[name]は生後[dsf]日♪…age0+age5+age3+age4の組み合わせ
⇒[name]は生後[msf]ヶ月ちょうど♪…age0+age5+age2+age7+age4の組み合わせ
⇒[name]は生後[msf]ヶ月[dsf]日♪…age0+age5+age2+age3+age4の組み合わせ - 誕生日
⇒[name]は今日で[ysf]歳です♪…age8のみ - 変更例
var age0=name+"ブログ開設から";
var age1=ysf+"年";
var age2=msf+"ヶ月";
var age3=dsf+"日";
var age4="経過";
var age5="";
var age6="";
var age7="";
var age8=name+"今日でブログ開設"+ysf+"周年";
※Nocd("お名前",2001,6,6,"#6699cc","");の「お名前」を削除しておきます。
var age1=ysf+"年";
var age2=msf+"ヶ月";
var age3=dsf+"日";
var age4="経過";
var age5="";
var age6="";
var age7="";
var age8=name+"今日でブログ開設"+ysf+"周年";
※Nocd("お名前",2001,6,6,"#6699cc","");の「お名前」を削除しておきます。
更新記録
【2007/2/14】「いくつになったの」からカウントダウン部分を削除して、So-netのカスタムペイン用に2000文字以内に。
