ブログが14年目に突入したのでカウンターを付けてみました

  • 投稿日:
  • by
  • カテゴリ:
このエントリーをはてなブックマークに追加

ブログが14年目に突入しました。ブログを始めた2004年頃はこんな感じでした。

20170214035036_blogpix.png

14年目に突入ということでブログの運営期間を表示するカウンターを設置してみました。

20170214035154_blogpix.png

運営期間を設置するだけではつまらないので、エントリー数と運営期間を使ってどれくらいのペースでエントリーを書いているか出してみました。

<script type="text/javascript">
// カウンターのスクリプトここから
// 運営期間
var n = new Date();
// 一番初めのエントリーの公開日:EntryDate
var b = Date.parse("<mt:Entries sort_order="ascend" limit="1"><mt:EntryDate format="%Y/%m/%d"></mt:Entries>");
var p =(n - b)/1000/60/60/24;
days = Math.floor(p);

$(function(){
  $("#counter").text(days);
});

// エントリー数
// ブログ内の公開されているエントリー数:mt:BlogEntryCount
var ec = <mt:BlogEntryCount>;
$(function(){
  $(".entries").text(ec);
});

// 1エントリーあたりの投稿ペース
var epd1 = days/ec;
var epd2 = epd1*100;
var epd = Math.round(epd2)/100;
$(function(){
  $(".day_per_entry").text(epd);
});
// カウンターのスクリプトここまで
</script>

一番最初のエントリーの公開日時や、ブログ内で公開されている記事数はjavascriptの中に埋め込まれたMTタグで書き出しています。

記事を書くごとにインデックステンプレートが再構築されるので自動的に計算されます。

[2017,02,19:追記]

サイドバーに表示させている部分はWidgetを使って下記のテンプレートを作成して表示させています。

<div class="counter_wrapper">
<p>ブログを始めてから<span id="counter">カウンター</span>日が経ちました。</p>
<p>公開記事数は<span class="entries">記事数</span>件で、<span class="day_per_entry">日/記事数</span>日に1エントリーのペースで記事を書いていることになります。</p>
</div>

[2017,02,19:追記ここまで]