【カテゴリ：パソコン ブログカスタマイズの記録】
このブログのサイドバーに表示している『過去ログ（月別アーカイブ）』をプルダウンメニュー化した際の覚え書きです。
参考にさせていただいたのは、以下のページです。
ぜろだまBlog: Seesaaブログで過去ログ（月別ログ）部分をプルダウンにする:
http://zerodama.seesaa.net/article/40343096.html
http://zerodama.seesaa.net/article/40343096.html
このページの記事は、なんと５年以上も前のものでした。
それはともかく、プルダウンメニュー化したおかげでサイドバーの表示をスッキリさせることができました。
以下、変更の手順です。
スポンサーリンク
(2) 以下のような画面が表示されるので、『過去ログ』のコンテンツをクリックします。
(3) 『過去ログ』のコンテンツをクリックすると、以下のような画面が表示されるので、右上の『コンテンツHTML編集』をクリックします。
(4) 『コンテンツHTML編集』をクリックすると、以下のような編集画面が表示されます。
(5) HTMLのソースコードを変更します。
以下はオリジナルのHTMLソースコードです。
<div class="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") %>-1.html"><% archives.createstamp | date_format("%Y年%m月") %></a>(<% archives.count | __or__ | echo('0') %>)<br />
<% /if -%>
<% /loop -%>
<% content.footer -%>
</div>
以下は変更後のHTMLソースコードです。
<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" align="center" style="padding:10px 5px 10px 5px" >
<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>
変更内容は、参考にさせていただいたページと同様ですが、一部赤字の箇所はこのブログ用に若干変更しています。
(6) 『保存』ボタンをクリックして保存します。
↑『保存』ボタンをクリック後、『編集を完了しました。』と表示されます。
(7) 『過去ログのHTML編集』を閉じ、更に『保存』ボタンをクリックします。
↑『保存』ボタンをクリック後、『設定を変更しました。』と表示されます。
以上です。
スポンサーリンク
【カテゴリ：パソコン ブログカスタマイズの記録】の最新記事
- 今更ですが、サイドバーにアクセスカウンターを設置した
- 『Seesaa』ブログでカテゴリの一覧表示をツリー化した
- 『Seesaa』ブログで『記事のコンテンツHTML』を新しいソーシャルボタンの仕様に対応させた
- 『Seesaa』ブログで記事の中の画像に枠を付ける方法について
- 『Seesaa』ブログでCSS（スタイルシート）やHTMLを編集する際の手順
- 『Seesaa』ブログで『続きを読む』の文言を表示させる方法を変更した
- 『Seesaa』ブログでディスク使用量が2GBに到達したので『ストレージプラン』を申し込んでみた
- 『Seesaa』ブログのスマホ用ページに『Google Analytics』を設置する手順
- 『Seesaa』ブログに『3D球体タグクラウド』を設置してみた
- 『ブログカスタマイズ』最近変更した箇所のまとめ
- 『Seesaa』ブログでカテゴリの一覧を『メニューバー』のように表示させてみた
- サイドバーに『CUBACLOCK』のブログパーツを設置した
- 『Seesaa』ブログで記事本文の右上に『カテゴリ』を表示するようにした
- 『Seesaa』ブログで『続きを読む』の文言を画像で表示することができた
- 『Seesaa』ブログに『LinkWithin』を導入した
- 『我RSS』を利用して『最近の記事』の一覧を画像付きで表示するようにした
- ユニクロのブログパーツ『UNIQLO CALENDAR』と『UNIQLOCK』をサイドバーに設置した
- 『ACR WEB』の『ページランキング』で画像が表示できた
- 『Seesaa』ブログで記事タイトルの右上に画像を表示させてみた
- 『Seesaa』ブログに『ファビコン』を設置した
フリー素材*ヒバナ * *
市川明彦 (03/26)
早速、自分のブログに適用させて頂きました。