コピー用ソース　カレンダー代用ナビ付月別アーカイブ

<div id="hs-archives"><ul>

<li><a href="<%archive_link>" title="<%archive_year>年<%archive_month>月" class="da_<%archive_year><%archive_month>"><%archive_year>年<%archive_month>月 (<%archive_count>)</a>
</li>

</ul></div>


<script type="text/javascript">
// <![CDATA[
function mnkCreateArchives(idName){
var rows = 2; //★年毎の行数
var cols = Math.floor(12/rows);
if(cols*rows!=12){ return; } // parameter check
var target = this.document.getElementById(idName);
var links = target.getElementsByTagName('a');
var dt = new Array();
var i, j = -1, cury = 0;
for(i=0; i<links.length; i++){
links[i].innerHTML.match(/(¥d+)¥D+(¥d+)¥D+(¥d+)/);
if(cury!=RegExp.$1){
cury = RegExp.$1;
dt[++j] = new Array(cury,'01','02','03','04','05','06','07','08','09','10','11','12');
}
var mon = Number(RegExp.$2);
dt[j][mon] = '<a href="' + links[i].href + '" title="' + links[i].innerHTML + '" class="' + links[i].className + '">' + dt[j][mon] + '</a>';
}
var rec = '<table width="100%">';
var sep = '';
for(i=dt.length-1;i>=0;i--){
rec += '<tr><th colspan="' + cols + '">' + sep + dt[i][0] + '年</th></tr>';
for(var r=0; r<rows; r++){
rec += '<tr>';
for(j=1; j<=cols; j++){ rec += '<td>' + dt[i][j+r*cols] + '</td>'; }
rec += '</tr>';
}
sep = '<div></div>';
}
rec += '</table>';
target.innerHTML = rec;
return;
}
mnkCreateArchives('hs-archives');
// ]]>
</script>

カレンダー代用ナビ付月別アーカイブ

1.　テンプレートの <head> ～ </head> 部分

2.　<body> 内の表示したい部分に ↓以下を記入

3.　スタイルシートに ↓以下を記入

カレンダー代用 ナビ付月別アーカイブ

1. テンプレートの <head> ～ </head> 部分

2. <body> 内の表示したい部分に ↓以下を記入

3. スタイルシート に ↓以下を記入

カレンダー代用ナビ付月別アーカイブ

1.　テンプレートの <head> ～ </head> 部分

2.　<body> 内の表示したい部分に ↓以下を記入

3.　スタイルシートに ↓以下を記入