【サイドバー：
カテゴリー別表示プルダウン化・月別バックナンバープルダウン化・
タイトルのみ／タイトルと概要表示・コメントトラックバックのツリー化】
サイドバーのカスタマイズ Part2です！。
私がカスタマイズに興味を持ったきっかけが今日、ご紹介する
カテゴリー別表示と月別バックナンバーのプルダウンメニューでした。
プルダウン化するとサイドバーがとてもすっきり見えるようになるんですね。
そこに感心しまして(!?)、即座に導入を決めました。
私が参考にさせていただいたブログは、
KOROPPYの本棚さんの「ココログ（ブログ）の裏技＆お役立ちサイト集」 です。
またまた、役立つお智慧を拝借いたしました。 （…感謝！・感謝！…）
今日はプルダウンメニューをはじめとした
・カテゴリー別表示プルダウン化
・月別バックナンバープルダウン化
・タイトルのみ・タイトルと概要表示
・コメントトラックバックのツリー化 を記述します。
１．カテゴリー別表示プルダウン化
こちらのカスタマイズは、KOROPPYの本棚さん 経由 暴想さんの
「カテゴリ別バックナンバーをプルダウンメニューにするJavaScript」 を、
取り入れています。
★JavaScript のダウンロード・アップロード
①script のダウンロード
Script を公開されているページで指定されたファイルのURLを
アドレスバーにコピー・ペーストすると、
「開く？ 保存？」画面が開きます。
「保存」を選び、保存したいフォルダーに保存します。
② Script のアップロード
ご自分が用意しているココログのフォルダーに
アップロードします。
私は、http://www.hanaduna1416.way-nifty.com/hanashiori/
の下に、＜script＞というフォルダーを作って
アップロードしています。
③＜マイリスト＞の作成
Script を作動させるタグを記入します。
「カスタマイズ・レコード２ －初歩の初歩！？－」 の
★マイリスト：ブログパーツ に詳しい記入方法が
載っていますから参考になさって下さい。
この時、必ず、＜マイリスト＞の記述を
アップロードしたご自分のURLに書き換えることをお忘れなく！。
でないと、Script を公開されている方の
ファイルに直リンクしてしまい負荷をかけることと
なってしまいます。
必ず、「保存」をしてご自分のフォルダーで
利用するように致しましょう！。
↓
今回の場合は……、
①script のダウンロード
暴想さまの上記ページから
category_archive2pulldown.js
cocolog2ajax.js をダウンロードします。
② Script のアップロード
③＜マイリスト＞の作成
★カテゴリー表示プルダウン化 ： ＜マイリスト＞ に記述
<script type="text/javascript" src="/hanashiori/～/
※ご自分のファイルをアップしたパスを記入
category_archive2pulldown.js"></script>
<script type="text/javascript" src="/hanashiori/～/
cocolog2ajax.js">
※ご自分のファイルをアップしたパスを記入
</script>
; <script type="text/javascript">
// カテゴリをプルダウンメニュー化
category_archive2pulldown( '#type=title', true, true, false);
</script>
＜注意＞
暴想さんのブログにも記載されていますが、このスクリプトは
右サイドバーに置かないと作動しない場合があるらしいので、
まるべく右サイドバーの下に置くようにして下さい。
私は、＜RSS＞というマイリストを作成して、
その中に入れています。
＜付記＞
「タイトルと概要を表示するJavaScript」との併用ご希望の方は
暴想さんのブログを参照なさって下さい。
同時に作動させることが可能です。
これでカテゴリー表示がプルダウンメニューになったと思います！。
いかがですか！？。
２．月別バックナンバープルダウン化
こちらのカスタマイズも、KOROPPYの本棚さん 経由 暴想さんの
「月別バックナンバーをプルダウンメニューにするJavaScript」 を、
取り入れています。
★JavaScript のダウンロード・アップロードは
１．カテゴリー別表示プルダウン化 の作業を繰り返します。
ダウンロードするファイルは、date_archive2pulldown.js です。
★月別バックナンバーをプルダウンメニューにする
Script ：＜マイリスト＞ に記述
<script type="text/javascript" src="http://～/date_archive2pulldown.js">
※ご自分がファイルをアップした絶対パスを記入
</script>
<script type="text/javascript">
// 月別バックナンバーをプルダウンメニュー化
date_archive2pulldown( '/～/archives.html','');
※ご自分がファイルをアップしたパスを記入
</script>
＜マイリスト＞に、「月別バックナンバー」を作って右サイドバーに置き、
項目のチェックを外せば２つにならず、すっきりと表示できます。
３．タイトルのみ／タイトルと概要表示
こちらのカスタマイズも、KOROPPYの本棚さん 経由 暴想さんの
「タイトルと概要を表示するJavaScript」 を、利用させていただきました。
★JavaScript のダウンロード・アップロードは
１．カテゴリー別表示プルダウン化 の作業を繰り返します。
ダウンロードするファイルは、cocolog_archive_extention.js
です。
★タイトルのみ／タイトルと概要を表示する
Script ：＜マイリスト＞ に記述
<script type="text/javascript" src="http://～/
cocolog_archive_extention.js"></script>
※ご自分がファイルをアップした絶対パスを記入
<script type="text/javascript">
// タイトルと概要を表示
cocolog_archive_extention();
</script>
＜注意＞
こちらのスクリプトは暴想さまのページに記述されているURLを
ブラウザのアドレスバーにコピー・ペーストして
ダウンロードして下さい。
リンクされているスクリプトをダウンロードすると、何故かエラーに
なってしまうのでご注意下さい。
このスクリプトがあるお蔭で、掲載記事の抽出が簡単になります！。
４．コメント・トラックバックのツリー化
こちらのカスタマイズは、KOROPPYの本棚さん 経由 ふろむにぅじぃさまの
「コメントリストツリー化 for ココログ ＆ブログ人」 を、取り入れています。
★JavaScript のダウンロード・アップロードは
１．カテゴリー別表示プルダウン化 の作業を繰り返します。
ダウンロードするファイルは、comtree.js です。
★コメントリストツリー化 for ココログ ＆ブログ人 ：
＜マイリスト＞ に記述
<script type="text/javascript" src="http://～/comtree.js"></script>
※ご自分がファイルをアップした絶対パスを記入
★ツリー用表示の画像：カスタムCSS に記述
ul ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
font-size: 100%;
background-image: url(http://～/*****.jpg);
※画像をアップした絶対パスを記入
background-repeat: no-repeat;
}
ul ul.tree li.end {
background-image: url(http://～/*****.jpg);
※画像をアップした絶対パスを記入
}
これで一応、この夏に私が導入したカスタマイズの記述は終了です。
（…物凄く仕事した感じ…！？…頑張った～～ッ！！← 私的には！？）
最後に次回、プロフィールページのことを記して本当の終了とします！。
