Customize in Ninja Blog

まずはアーカイブをプルダウン化します。
忍者ブログ用のソースはアーカイブをプルダウンメニューにという記事の中にもあります。

今回はそれを元にカレンダーに合うように変更します。
変更した結果は下になります。

<script type="text/javascript">
function change(myURI){
if(myURI !="default"){
window.document.location.href=myURI;
}
}
</script>
<form name="archiveMenu" id="archiveMenu">
<p>
<select name="selectarchiveMenu" id="selectarchiveMenu"
onchange="change(this.form.selectarchiveMenu.value);" style="width:100px;">
<option value="default"><!--$plugin_calendar_now_year-->年<!--$plugin_calendar_now_mon-->月</option>
<!--plugin_archive-->
<option value="<!--$plugin_archive_link-->"><!--$plugin_archive_year-->年<!--$plugin_archive_mon-->月(<!--$plugin_archive_num-->)</option>
<!--/plugin_archive-->
</select>
</p>
</form>

ここでは一応幅を100pxとしています。カレンダーに組み込んだあとで、幅が合わない場合はwidth:100px;というところを書き換えてください。

このプルダウンメニュー化したアーカイブをカレンダーの「現在の月」が表示される部分に組み込みます。

<table class="CalendarMoveTable">
<tr class="CalendarMoveTr">
<td class="CalendarPrevTd">
<a href="<!--$plugin_calendar_prev_link-->"><!--$plugin_calendar_prev_mon--></a>
</td>
<td class="CalendarNowTd">
<!--$plugin_calendar_now_year-->/<!--$plugin_calendar_now_mon-->
</td>
<td class="CalendarNextTd">
<a href="<!--$plugin_calendar_next_link-->"><!--$plugin_calendar_next_mon--></a>
</td>
</tr>

</table>

<table class="CalendarTable">

<tr class="CalendarWdayTr">
<th class="CalendarWdaySun">日</th>
<th class="CalendarWday">月</th>
<th class="CalendarWday">火;</th>
<th class="CalendarWday">水</th>
<th class="CalendarWday">木</th>
<th class="CalendarWday">金</th>
<th class="CalendarWdaySat">土</th>
</tr>

<!--plugin_calendar-->
<tr class="CalendarTr">
<td class="CalendarTdSun"><!--$calendar_sun--></td>
<td class="CalendarTd"><!--$calendar_mon--></td>
<td class="CalendarTd"><!--$calendar_tue--></td>
<td class="CalendarTd"><!--$calendar_wed--></td>
<td class="CalendarTd"><!--$calendar_thu--></td>
<td class="CalendarTd"><!--$calendar_fri--></td>
<td class="CalendarTdSat"><!--$calendar_sat--></td>
</tr>
<!--/plugin_calendar-->

</table>

うえで赤く表示されているところ「現在の月」を表示する忍者ブログの独自タグです。
ここにプラグイン化したアーカイブを入れます。
挿入した結果は以下のようになります。

<table class="CalendarMoveTable">

<tr class="CalendarMoveTr">
<td class="CalendarPrevTd">
<a href="<!--$plugin_calendar_prev_link-->"><!--$plugin_calendar_prev_mon--></a>≪
</td>
<td class="CalendarNowTd">

<script type="text/javascript">
function change(myURI){
if(myURI !="default"){
window.document.location.href=myURI;
}
}
</script>
<form name="archiveMenu" id="archiveMenu">
<p>
<select name="selectarchiveMenu" id="selectarchiveMenu"
onchange="change(this.form.selectarchiveMenu.value);" style="width:100px;">
<option value="default"><!--$plugin_calendar_now_year-->年<!--$plugin_calendar_now_mon-->月</option>
<!--plugin_archive-->
<option value="<!--$plugin_archive_link-->"><!--$plugin_archive_year-->年<!--$plugin_archive_mon-->月(<!--$plugin_archive_num-->)</option>
<!--/plugin_archive-->
</select>
</p>
</form>

</td>
<td class="CalendarNextTd">
≫<a href="<!--$plugin_calendar_next_link-->"><!--$plugin_calendar_next_mon--></a>
</td>
</tr>

</table>

<table class="CalendarTable">

<tr class="CalendarWdayTr">
<th class="CalendarWdaySun">日</th>
<th class="CalendarWday">月</th>
<th class="CalendarWday">火</th>
<th class="CalendarWday">水</th>
<th class="CalendarWday">木</th>
<th class="CalendarWday">金</th>
<th class="CalendarWdaySat">土</th>
</tr>

<!--plugin_calendar-->
<tr class="CalendarTr">
<td class="CalendarTdSun"><!--$calendar_sun--></td>
<td class="CalendarTd"><!--$calendar_mon--></td>
<td class="CalendarTd"><!--$calendar_tue--></td>
<td class="CalendarTd"><!--$calendar_wed--></td>
<td class="CalendarTd"><!--$calendar_thu--></td>
<td class="CalendarTd"><!--$calendar_fri--></td>
<td class="CalendarTdSat"><!--$calendar_sat--></td>
</tr>
<!--/plugin_calendar-->

</table>

これで、アーカイブとカレンダーがひとつのプラグインで無理なく表示されます。
サンプルはこのブログのサイドのカレンダーです。



4/1追記：<!--plugin_archive-->の位置が間違ってました。

5/1：曜日が空白になってましたので、漢字で入れておきました。英語にしたい方は、該当部分を直してください。

9/23：火曜の｢火｣の横に「;」が入っちゃってました。入ってる方は取り除いてください～<(_ _)>
教えてくださった方、感謝です♪