月別アーカイブをそのまま表示させると
ズラ~っと長くなってしまいます。
← まだまだ続きます(笑
そこで、月別アーカイブをプルダウン化
することにしました。
Javaスクリプトの外部ファイル化
Javaスクリプトを使うのですが、直接テンプレートに記述せず
外部ファイルにします。
function PLDOWN(){ Sel=document.PullDown.OP.selectedIndex; Url=document.PullDown.OP.options[Sel].value; top.location.href=Url; }
上記をテキストエディタに貼り付け、保存します。
ファイル名は「java.js」や「pulldown.js」など
お好きなものでいいです。
これをサーバーにアップします。
ヘッダに追記
スクリプトを読み込むために、テンプレートのヘッダ部分に
以下を追記します。
<script src="<$MTBlogURL$>java.js" type="text/javascript"></script>
場所は<head>と</head>の間です。
テンプレートのソース修正
■変更前
<MTArchiveList archive_type="Monthly"><MTArchiveListHeader><ul></MTArchiveListHeader>
<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a>(<$MTArchiveCount$>)</li>
<MTArchiveListFooter></ul></MTArchiveListFooter></MTArchiveList>
■変更後
<form name="PullDown" action="#">
<select name="OP" onChange="PLDOWN()" class="form" style="width:198px;">
<option>月別アーカイブ</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$>(<$MTArchiveCount$>)</option>
</MTArchiveList>
</select>
</form>
幅の指定は、ご自身のブログのサイドバーの幅に合わせて
適宜変更してください。
指定しない場合は、style="width:198px;"を削除してください。
あとは再構築すればOKです。