カスタマイズ・レコード６ －サイドバー Part2－

【サイドバー：
　カテゴリー別表示プルダウン化・月別バックナンバープルダウン化・
  タイトルのみ／タイトルと概要表示・コメントトラックバックのツリー化】

サイドバーのカスタマイズ 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);
　　　　　　　　※画像をアップした絶対パスを記入
}

これで一応、この夏に私が導入したカスタマイズの記述は終了です。
（…物凄く仕事した感じ…！？…頑張った～～ッ！！← 私的には！？）
最後に次回、プロフィールページのことを記して本当の終了とします！。