16. 特定の月日にメッセージを表示する

2007年09月29日

変更前
変更前
=> 変更後のイメージ
変更後のイメージ
先日、「時と曜日、1時間単位でメッセージを変えて表示する」というのをやりましたが。
今回は、特定の月日だけに、メッセージを表示させてみようと思いました。


テンプレートを変更してもできるのですが。
今回も、カスタムプラグインに登録することにしました。
（先日の、「時と曜日、1時間単位でメッセージを変えて表示する」で変更した内容の続きに、JavaScript を付け加えました）

カスタムプラグインへの登録と表示位置の設定

　1)　滋賀咲くBlog にログイン
　2)　左メニューの「ブログの環境設定」をクリック
　3)　上メニューの「カスタムプラグインの登録」をクリック
　4)　「カスタムプラグイン２」に、後述の JavaScript をコピーして追記する
　5)　「記事一覧の上部」に表示するように設定
　6)　ページ下の「確認」をクリック
　7)　4 で貼り付けた内容を確認して、「登録」をクリック

カスタムプラグイン２」に貼り付ける JavaScript です。

カスタムプラグイン２
変更後
<!--特定の月日にメッセージを表示-->
<SCRIPT language="javascript">
<!--
today = new Date();//日時を得る
now_month = today.getMonth() + 1;//月の値を代入
now_day = today.getDate();//日の値を代入

var msg_days = new Array();

// 下の、「new Array」の次の「1,1,」は1月1日を示しています
// 1月1日に、「1,1,」の次の " " 内のメッセージを表示します
// 月日とメッセージが変えられます
// 月日の指定は、半角の数字にしてください
// 半角文字の中に使えない文字があります。メッセージには全角文字をお勧めします
// メッセージを増やしたい場合は、msg_days[15] の次の行から、
// msg_days[16] = new Array(2,14,"今日は「バレンタインデー」です");
// msg_days[17] = new Array(3,14,"今日は「ホワイトデー」です");
// というような感じで、msg_days の次の数字も追い番で増やしてください
// 削除される場合は、msg_days の次の数字を追い番で付けなおしてください
// 年によって日の変わる祝日は、2008年のものになっています

msg_days[0] = new Array(1,1,"新年明けましておめでとうございます");
msg_days[1] = new Array(1,14,"今日は「成人の日」です");
msg_days[2] = new Array(2,11,"今日は「建国記念の日」です");
msg_days[3] = new Array(3,20,"今日は「秋分の日」です");
msg_days[4] = new Array(4,29,"今日は「昭和の日」です");
msg_days[5] = new Array(5,3,"今日は「憲法記念日」です");
msg_days[6] = new Array(5,4,"今日は「みどりの日」です");
msg_days[7] = new Array(5,4,"今日は「こどもの日」です");
msg_days[8] = new Array(7,21,"今日は「海の日」です");
msg_days[9] = new Array(9,15,"今日は「敬老の日」です");
msg_days[10] = new Array(9,23,"今日は「秋分の日」です");
msg_days[11] = new Array(10,13,"今日は「体育の日」です");
msg_days[12] = new Array(11,3,"今日は「文化の日」です");
msg_days[13] = new Array(11,23,"今日は「勤労感謝の日」です");
msg_days[14] = new Array(12,23,"今日は「天皇の誕生日」です");
msg_days[15] = new Array(12,31,"今日は「大晦日」…一年間お疲れさまでした");

// 変えて戴くところは、ここまでです

var msg_md;
for (i = 0; i < msg_days.length; i++) {
if(now_month == msg_days[i][0] && now_day == msg_days[i][1]) {
msg_md = msg_days[i][2];
break;
}
}
if(msg_md) {
document.write("<font style='font-size:12px; color:#0000cd'><center>");
document.write(msg_md,"</font><br><br>");
}

//-->
</SCRIPT>
<!--特定の月日にメッセージを表示 END-->



同じカテゴリー（プチ技）の記事画像
15. コメント入力時 入力エリアの色を変える
13. ファビコンを付ける
8. 日時と曜日、1時間単位でメッセージを変えて表示する
5. ブログのサイトマップを表示する
4. 長いプロフィールの一部を隠す
2. オススメ「地域ブログ」 の表示
同じカテゴリー（プチ技）の記事
 15. コメント入力時 入力エリアの色を変える (2007-09-29 11:36)
 13. ファビコンを付ける (2007-09-24 00:00)
 8. 日時と曜日、1時間単位でメッセージを変えて表示する (2007-09-09 00:00)
 5. ブログのサイトマップを表示する (2007-09-02 01:00)
 4. 長いプロフィールの一部を隠す (2007-09-02 00:00)
 2. オススメ「地域ブログ」 の表示 (2007-09-01 01:00)

Posted by お京 at 14:48 │プチ技
このBlogのトップへ
このページの上へ▲