タイトルの下辺りに表示されている、ラインカレンダーを表示する為のスプリクトを紹介します。 取り合えず、私は3パターン程試して現在使用しているのはこれとは違うのですが、まずは一番設置が簡単なものからという事で。
このスプリクトは、「あずスタ」様の「ココログ・カレンダーを横一列に表示させるスクリプト」をTypePad用に移植したものです。 諸注意に関しては、同様ですので、詳しくはそちらをご覧ください。 また、このカレンダーは、TypePadの通常カレンダーと同じで、現在の月のカレンダーしか表示しません。 現在、このブログで使用している様に月の遷移が出来る様にするには別のスクリプトとなりますのでご了承ください。
では、設置方法です。
まず、通常のカレンダーを表示させます。
※ラインカレンダーが表示されると、自動で通常のカレンダーは削除されます。
表示した通常カレンダーよりも後に以下の内容をサイドバーでタグを記入できる場所に記述します。
<style type="text/css">
<!--
#banner-body-bottom {
text-align: center;
padding: 4px;
}
#Line-Calendar {
font-family: verdana;
font-size: small;
text-align: center;
padding: 4px;
border: 1px dashed red;
}
#Line-Calendar a {
color: red;
}
#Line-Calendar a:hover {
color: white;
background-color: red;
}
-->
</style><script type="text/javascript" src="http://***/typepad_linecalendar.js"></script>
スクリプトは持ち帰り頂き、自分のブログにアップしてからリンクしてください。 スクリプトはこちら。 http://***/typepad_linecalendar.jsの部分にスクリプトをアップしたアドレスを記入します。
スタイルシートの部分は、独自スタイルシートのファイルに記入しても構いません。