blogger : 最終更新日の表示

目的:
最終更新日を表示する。(テンプレート : シンプル)

方法：
 ( 参考サイト: Bloggerに更新日付を追加する|覚えておきたいAutoCAD / LTテクニック)
1. テーマで「HTMLの編集」を押下。（事前にバックアップを保存した方が良い)
2. 「ウィジットへ移動」で Blog1 を選択。
3.  <b:includable id='main' var='top'> の中の
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
の</h2> の前に 以下のコードを追加する。

<span class='post-timestamp'>
<b:if cond='data:blog.pageType == "item"'>
<span id='last-modified'><!-- ここに表示される --></span>

<script type='text/javascript'>
// <![CDATA[
function show_last_modified(root) {
  var published="";
  var updated="";
 for (var i = 0; i < root.feed.entry.length; i++) {
    published = root.feed.entry[i].published.$t;
    updated= root.feed.entry[i].updated.$t;
  }
  var dd_Y = updated.substring(0,4);
  var dd_M = updated.substring(5,7);
  var dd_D = updated.substring(8,10);

  var pp_Y = published.substring(0,4);
  var pp_M = published.substring(5,7);
  var pp_D = published.substring(8,10);

  if(dd_Y == pp_Y && dd_M == pp_M && dd_D == pp_D){
    //日付が同じときは出力しない
  }else{
    var updated_dd =",  最終更新日："+ dd_Y+"年"+dd_M+"月"+dd_D+"日";
 document.getElementById("last-modified").innerHTML = updated_dd;
  }
}
//]]>
</script>

<script type='text/javascript'>
  var sHome="<data:blog.homepageUrl/>";
  var sURL="<data:post.url/>";
  sURL = sURL.replace(sHome, "");
  sURL = "/" + sURL;

document.write(unescape("%3Cscript")+" src='"+sHome+"/atom.xml?redirect=false&amp;path="+sURL+"&amp;max-results=1&amp;alt=json-in-script&amp;callback=show_last_modified' type='text/javascript'"+unescape("%3E%3C/script%3E"));
</script>
</b:if>
</span>