Entries
横型カレンダー設置方法
(これはウチで配布しているテンプレート用の解説です。)
まずどこに入れたいかを決めます。
多分ほとんどの場合はブログタイトルの下の方ですよね。
HTMLのこんなところを探します。
<!--▲ヘッダー-->
===ここにカレンダータグを入れます!===
<!--▼▼メインカラム▼▼-->
カレンダータグは以下の通りです。
<!--▼横カレンダー部分-->
<div id="sidecalendar">
<ul>
<li class="calendar-month"><a href="<%prev_month_link>">««<%prev_year>.<%prev_month></a></li>
<!--calender2-->
<li class="calendar-day"><%days></li>
<!--/calender2-->
<li class="calendar-month"><a href="<%next_month_link>"><%next_year>.<%next_month>»»</a></li>
</ul>
</div>
<!--▲横カレンダー部分-->
そしてスタイルシートに以下のモノを追加します。
(スタイルシートの一番最後でよいです。)
#sidecalendar {
text-align:center;
margin: 0px;
padding: 10px 0px;
}
#sidecalendar ul {
list-style-position: inside;
font-size: 105%;
}
#sidecalendar li{
display : inline;
list-style-type : none;
}
li.calendar-month {
margin: 0px 4px;
}
li.calendar-day {
margin: 0px 2px 0px 3px;
}
li.calendar-day a {
color : #960;
background-color : #EAE7C8;
text-decoration : none;
}
li.calendar-day a:hover {
color : #360;
background-color : #E9F3BC;
text-decoration : none;
}
これはマスカットに合わせたものです。
色などはお好みで色々変えてみてください。
ご質問のある方はこの記事にコメントしてくださいませ。
マスカット以外のテンプレートでも可能ですよ。
(ただしウチで配布のモノに限ります!)




できました〜
ありがとうございました