例の如くDpub 8 in 大阪までのカウントダウンウィジェットを設置しました。
当ブログの右サイトバーの1番上に設置してあります。
設置場所
もうちょっと拡大してみましょう。
カウントダウンウィジェットをのキャプチャー画像を見てもらえるとお分かりの通り、Dpub 8 in 大阪開催まであと約3週間なんですよね。
コード
デフォルトでは折り畳んでいるので広げて表示しコピーして下さい。
<style type="text/css"> .normal{font-size:15px; font-weight:bold; color:#333333;text-shadow:1px 1px 3px #AAAAAA;} .big{font-size:20px; font-weight:bold; color:#333333;text-shadow:1px 1px 3px #AAAAAA;} .alert{font-size:24px; font-weight:bold; color:#ff3300;} </style> <div id="dpub_counter"></div> <!--</br>受付は☞ <a style="color:#0070C5;" href="http://www.zusaar.com/event/308007" target="_blank">Dpub 5 in 東京 on Zusaar</a><a href="http://b.hatena.ne.jp/entry/http://www.zusaar.com/event/308007" target="_blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/http://www.zusaar.com/event/308007" alt="" /></a>--></br> <script charset="utf-8" type="text/javascript"> function count_down() { nowdaytime = new Date(); dpubdaytime = new Date(2013, 5, 15, 13, 00, 00); //alert(nowdaytime + " : " + dpubdaytime); cntdwnMils = dpubdaytime.getTime() - nowdaytime.getTime(); cntdwn_day = Math.floor(cntdwnMils / (1000*60*60*24)); cntdwnTime = cntdwnMils - (cntdwn_day * (1000*60*60*24)); cntdwn_hour = Math.floor(cntdwnTime / (1000*60*60)); cntdwnTime = cntdwnTime - (cntdwn_hour * (1000*60*60)); cntdwn_min = Math.floor(cntdwnTime / (1000*60)); cmtdwnTime = cntdwnTime - (cntdwn_min * (1000*60)); cntdwn_sec = Math.floor(((dpubdaytime-nowdaytime)%(24*60*60*1000))/1000)%60%60; cmtdwnTime = cntdwnTime - (cntdwn_sec * (1000)); if ( cntdwn_min < 10) { cntdwn_min = '0' + cntdwn_min; } if ((dpubdaytime - nowdaytime) > 0) { document.getElementById("dpub_counter").innerHTML = "<span class=\"normal\">Dpub 8 開催まで… <br/>あと残り</span> " + "<span class=\"alert\">" + cntdwn_day + "</span>" + "<span class=\"normal\"> 日 </span> " + "<span class=\"alert\">" + cntdwn_hour + "</span>" + "<span class=\"normal\"> 時間 </span> " + "<span class=\"alert\">" + cntdwn_min + "</span>" + "<span class=\"normal\"> 分 </span> " + "<span class=\"alert\">" + cntdwn_sec + "</span>" + "<span class=\"normal\"> 秒 </span> " + "</span>"; } else { document.getElementById("dpub_counter").innerHTML = "<span class=\"big\">Let's enjoy Dpub7</span>"; } } setInterval('count_down()',1000); </script>
↑のコードをコピーしてウィジェットにペーストしてもらえればそのまま使えます。
秒数のカウントダウンまでついています。
あず(@azur256)さんがカウントダウン用のプラグインを作成されていますが、自分はコードベタ書きの方が色々と自由がきくのでこちらを使ってます (; ^ω^)
もしかしたらそのうちこれ用のプラグインを作ってみようかな・・・。
開催まであと約3週間。
まだ参加できるのかどうかさえも分からないのにウィジェットを設置してしまいました (; ^ω^)
仮に行けなくなってしまったとしてもウィジェットはそのままにしておきます( • ̀ω•́ )✧キリッ
申し込みまで首長くして待ちましょう(^-^)
No commented yet.