Seesaaブログで過去ログ（月別ログ）部分をプルダウンにする （PC関連覚書）

先日旧ブログのログを統合したら、さすがに月別過去ログの部分が長〜〜くなってしまったので、以前よりやろうやろうと思っていたプルダウン化を行い、すっきりさせようと試みた。

＜作業後イメージ＞

ソース変更は、↓の記事を参考にさせていただいた。ありがとうございます。

「過去ログをコンボボックス化」（ 「特に個性の無いブログ」より）
＜方法＞
・Seesaa管理ページにサインイン

・「デザイン」⇒「コンテンツ」⇒「過去ログ」⇒「HTML表示」
　　と選択して、HTMLタグ部分を編集する。

デフォルトの部分⇒黒
付け足す部分⇒青
デフォルトを一部書き換える部分⇒緑
自由に変更してOKの部分⇒赤
で表示。

<script 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="MonthArchive" 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>

＊注意＊
緑字部分を編集する場合は、デフォルト部分内の</a>を忘れずに削除すること。
というか多分、一回デフォルト部分を全消去してから上のソースコードをコピペしたほうが断然楽だと思われ…

↑は、プルダウンで選択のみで月別過去ログに移動するが、移動する際のボタンを付けたい方・JavaScript非対応の閲覧者にも対応したい場合は、先ほどご紹介したリンク先が詳しいので参照のこと。

＜注意＞
これはSeesaaブログ用のカスタマイズコードで、一部独自タグなどを使用しているため、他のブログサービスには対応しておりません。
各サービスの公式サポートを参考にしていただくか、あるいは「ブログサービス（システム名）＋プルダウン」で検索していたければヒントにたどり着けると思います。

Comments

初めまして。
プルダウンの表示方が解らず、
検索して参りました。
とても参考になり、使わせて頂きました。
どうも有り難うございます。

Posted by 美月 at 2012年10月27日 09:50

初めまして。
最近seesaaにブログ引越ししたものです。
プルダウン表示について検索して、こちらにたどり着きました。
わかりやすく丁寧で、とても参考になりました。
誠に勝手ながら、使わせて頂きました。
ありがとうございます。

Posted by 小箱 at 2014年03月23日 12:40