TABLE ENOCH@NINJA

当ブログで使用しているような一行カレンダの設置方法は以下の手順の通りです。

HTMLソースの

---

<!--ブログタイトル-->
<div id="TopTitleBlock">
<span id="TopTitle"><a href="<!--$g_url-->"><!--$g_title--></a></span>
<span id="TopExplanation"><!--$g_explanation--></span>
</div>

※ココ

<div id="TopBlock">
<div id="mainBlock">

---

※ココの部分に以下のカレンダータグを挿入してください。

<!--▼カレンダ-->
<table class="Calendar"><tr>
<td class="CalendarTdlink"><a href="<!--$plugin_calendar_prev_link-->" title="<!--$plugin_calendar_now_year-->/<!--$plugin_calendar_prev_mon-->">PrevMonth</a> ←</td>
<!--plugin_calendar-->
<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>
<!--/plugin_calendar-->
<td class="CalendarTdlink">→ <a href="<!--$plugin_calendar_next_link-->" title="<!--$plugin_calendar_next_year-->/<!--$plugin_calendar_next_mon-->">NextMonth</a></td>
</tr></table>
<!--▲カレンダ-->


続いてCSSにどこでも良いので以下を追加して下さい。
/* トップ用曜日別一行カレンダー(TABLEtype)　*/
/*カレンダー表示用テーブル*/
.Calendar {
margin:5px 0 ;
}
.Calendar a:hover{
text-decoration:underline ;
position:relative ;
top:2px ; left:2px ;
}

.CalendarTdlink {
color:#000000 ;
}
.CalendarTdlink a{
font-weight:normal ;
color:#000000 ;
}

.CalendarTdSun, .CalendarTdSun a{
color:#ff0000 ;
}

.CalendarTdSat, .CalendarTdSat a{
color:#0077ff ;
}

.CalendarTd, .CalendarTd a{
color:#000000 ;
}

.CalendarTd a, .CalendarTdSat a, .CalendarTdSun a{
font-weight:bold ;
}