Baby Countdown

出産予定日を過ぎると「○ヶ月」がメッセージに変わります。
予定日とカウントダウンが消えます。
予定日から2週間過ぎると、タイトルだけの表示になります。

他のタイプはこちら。

  type2

使い方

1.出産予定日を入力します

出産予定日★必須 年 月 日
帝王切開の予定日 年 月 日
帝王切開の予定がある方は、上の「出産予定日」に加えて、こちらも設定してください。（カウントダウンの日付になります。）

2.詳細な設定をします（任意）

言葉や色、マーク、枠線の種類などをカスタマイズできます。見本と同じなら、ここは飛ばして構いません。

クリックすると詳細設定が開閉します

1行目
○○
2行目
表示しない
表示する 

○
10ヶ月を過ぎたときに表示するメッセージ
3行目
表示しない
表示する 

2009/7/1
4行目
表示しない
表示する 

○
2行目・4行目のマーク
←♥は「♥」です。
マークにしたい文字や記号を入力します。マーク不要なら削除してください。

マークにアイコン画像を使う
アイコン画像のURL(http://〜)
★必ずご自分のブログにアップロードした画像を使ってください。
文字のベース色 カラーパレットから色を選択します
文字の色（全体の色）を変更します。
空欄にすると、パーツを設置する場所の文字色になります。
文字のアクセント色 カラーパレットから色を選択します
文字の色（カウント数字とマーク）を変更します。
空欄にすると、ベース色と同じ色になります。
数字の強調太字にする
横位置揃え 中央　 左揃え　 右揃え
文字サイズ 指定しない
指定する
枠線 なし
あり

幅 px
線種 色 カラーパレットから色を選択します

※二重線を選択したときは、幅は3以上にしてください。

3.ソースコードを作成します
  • ソースコード作成後、「プレビュー」をクリックすると、作成結果を確認できます。
  • プレビューウィンドウそのものが出てこないときは、ポップアップがブロックされていないかご確認ください。
  • 入力内容を変更したら、再度「ソースコード作成」をクリックしてください。
  • 初めからやり直すときは、ページを再読込みしてください。

4.ブログやウェブページに貼り付けます。

ソースコードが出来たら、ソースコードの上で右クリック・コピーして、お使いのブログやウェブページへ貼り付ければ完了です。 貼り付け方が分からないときは、お使いのブログサービスのポータルサイトか、HOW TOをご覧下さい。

禁止事項

No reproduction or republication without written permission.
To use any of my site JavaScripts, you must provide a link back to this url .

pagetop

トラブルシューティング

カウント日数が実際とずれる
設定した出産予定日が合っているか、またはお使いになっているパソコンの内部時計がずれていないか、ご確認ください。
「Baby Countdown」としか表示されない
「Baby Countdown」と表示されるのは、出産予定日が280日よりも先に設定されている場合と、出産予定日から2週間以上過ぎた場合です。
出産予定日の入力に間違いがなければ、お使いになっているパソコンの内部時計がずれていないか、ご確認ください。
カウント数字「強調」にチェックを入れても太字にならない
ブログのスタイルシート（CSS）での指定によるものと思われます。（例えば、bold{font-weight:normal;}と指定されている。）こちら側（スクリプト側）で修正はできません。
「0日」と表示される
「妊娠週」の数え方では、1週は「0日」から始まり「6日」で終わるためです。
pagetop

更新記録

2009/9/30
タイプ2で、出ないはずの3行目が挿入されてしまうバグを修正しました。
使わないラジオボタンをinput type=hiddenで見えないようにして残しておいたんですが、何か間違えたのか、IEだとチェック状態のオンオフを拾わず、非表示にチェックしてても表示される状態になってた。
IEでのチェックが不十分でした。
2009/7/15
  • タイプ2を追加しました。
  • 枠線の設定を加えました。
2009/6/26
「My Baby Comes」からリニューアルして、名前を変更しました。
  • 入力フォームから作成できるようにしました。
  • 項目の表示・非表示を選択できるようにしました。
  • 予定日からのカウントアップを廃止しました。
pagetop