カレンダーを移動したい場合、一ヶ月ずつしか移動できないのが面倒だったので、その年の一月から当月までの移動リンク表示をつけました。
JavaScriptを使っているので、環境によっては上手く出ないかもしれませんが(^^;
今のテンプレのデザインが和風ですので、月名は和名にしています＾＾
※その月から過去一年分出る形に変更。
head部分
<script Language="JavaScript">
<!--
function moveMonth(){
Today=new Date();
m=Today.getMonth()+1;
thisy=Today.getFullYear() ;
lasty=thisy -1;
if(m < 2) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"02.html target=_self>如月</a></span>");
if(m < 3) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"03.html target=_self>弥生</a></span>");
if(m < 4) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"04.html target=_self>卯月</a></span>");
if(m < 5) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"05.html target=_self>皐月</a></span>");
if(m < 6) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"06.html target=_self>水無月</a></span>");
if(m < 7) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"07.html target=_self>文月</a></span>");
if(m < 8) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"08.html target=_self>葉月</a></span>");
if(m < 9) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"09.html target=_self>長月</a></span>");
if(m < 10) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"10.html target=_self>神無月</a></span>");
if(m < 11) document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"11.html target=_self>霜月</a></span>");
if(m < 12)document.write("<span class=mon><a href=<%url>blog-date-" + lasty +"12.html target=_self>師走</a></span>");
document.write(" <> <span class=mon><a href=<%url>blog-date-" + thisy +"01.html target=_self>睦月</a></span>");
if(m > 1) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"02.html target=_self>如月</a></span>");
if(m > 2) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"03.html target=_self>弥生</a></span>");
if(m > 3) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"04.html target=_self>卯月</a></span>");
if(m > 4) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"05.html target=_self>皐月</a></span>");
if(m > 5) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"06.html target=_self>水無月</a></span>");
if(m > 6) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"07.html target=_self>文月</a></span>");
if(m > 7) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"08.html target=_self>葉月</a></span>");
if(m > 8) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"09.html target=_self>長月</a></span>");
if(m > 9) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"10.html target=_self>神無月</a></span>");
if(m > 10) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"11.html target=_self>霜月</a></span>");
if(m > 11) document.write("<span class=mon><a href=<%url>blog-date-" + thisy +"12.html target=_self>師走</a></span>");
}
// -->
</script>
body内表示したい場所
<!-- ▼月移動 -->
<div class=month>
<script Language="JavaScript">
<!--
moveMonth();
-->
</script>
</div>
<!-- ▲月移動 -->
この記事へのトラックバック