昔から
ブログを運営していたりしていると、過去ログが縦に長くなってしまい
貴重なスペースを無駄にしてしまいます。
過去ログから記事を探した方が早いときもあるのではずすにはずせません。
そこで、過去ログをプルダウンメニューにカスタマイズしてしまいます。
このブログはさくらのブログですが、基本はseesaaと全く同じなので
seesaaのやり方でやりました。
やり方としてはまず
デザイン→コンテンツ→過去ログを選択して、右上のコンテンツHTMLの編集を選択します。
カスタマイズ前は
<divclass="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<a href="/archives/<% archives.createstamp | date_format("%Y%m") %>.html"><% archives.createstamp | date_format("%Y年%m月") %></a>(<% archives.count | __or__ | echo('0') %>)<br />
<% /if -%>
<% /loop -%>
<% content.footer -%>
</div>
になっているので、これを下のように変更します。コピペでOKです。
<script language="javascript" type="text/javascript">
<!--
function ChangeArchive (sel) {
if (sel.options[sel.selectedIndex].value != "") {
location.href = sel.options[sel.selectedIndex].value;
}
}
-->
</script>
<div class="sidetitle"><% content.title %></div>
<div class="side">
<form method="get" action="">
<select name="archive" onChange="ChangeArchive(this)" class="archiveselect">
<option value="">--------</option>
<% content.header -%>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<option value="/archives/<% archives.createstamp | date_format("%Y%m") %>.html"><% archives.createstamp | date_format("%Y年%m月") %>(<% archives.count | __or__ | echo('0') %>)</option>
<% /if -%>
<% /loop -%>
</select>
</form>
<% content.footer -%>
</div>
これでプルダウンメニューの出来上がりです。
簡単にできるし、便利なので、ぜひ試してみてください。
▼ブログランキングに登録しています!参考になったら投票してくださいm(_ _)m
posted by 無料ブログ作成deアフィリエイト at 20:42
|
ブログカスタマイズ