コメントをツリー表示にしてみました

MerrySTYLE BLOGSさんの記事「コメントのツリー化をしてみました…」を読んで，コメントをツリー表示にしてみました。私のココログは一番安いベーシックなので，スクリプトが有効になるかちょっと心配でしたが大丈夫でした＼(^_^)／。

1. スクリプトファイルcomtree.jsと，罫線の画像ファイル「┣」29.gif・「┗」30.gifをダウンロード
2. 上記を画像アップロードの要領で自分のココログにアップロード
3. 「最近のコメント」よりも後ろで「マイリスト」の"リンク"タイプの「リスト」のメモ欄(自分の場合，右上の「Counter」内で設置)にスクリプトを記述(後述)する
   この「リスト」の設定で「メモの表示」は「テキスト表示」として記述されたスクリプトが有効になるようにする
4. なおダウンロードした29.gif・30.gif は背景が透明化されていなかったので修正

「マイリスト」のリンクタイプの「リスト」のメモ欄に記述するスクリプト
※ 流用する場合 http:～ で始まるURLは自分のココログのURLに変更すること

<script type="text/javascript"
src="http://tony.cocolog-nifty.com/misc/comtree.js">
</script>
<style type="text/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://tony.cocolog-nifty.com/misc/29.gif);
background-repeat: no-repeat;
}
ul ul.tree li.end {
background-image: url(http://tony.cocolog-nifty.com/misc/30.gif);
}
//-->
</style>

[追記] 2004.12.18
2004.12.09 ココログのメンテナンス以降，ファイルをアップロードするディレクトリが files に，画像をアップロードするディレクトリが images に固定されました。
流用する場合には URL に files や images を補って下さい。

• スクリプトをファイルとしてアップロードした場合
  http://tony.cocolog-nifty.com/misc/files/comtree.js
• 罫線の画像をファイルとしてアップロードした場合
  http://tony.cocolog-nifty.com/misc/files/30.gif
• 罫線の画像を画像としてアップロードした場合
  http://tony.cocolog-nifty.com/misc/images/30.gif

[さらに追記]
スクリプトを書き込む「マイリスト」は，私の例なら右サイドバーの「最近のコメント」より下(後)か，右サイドバーで設定します。