最近のコメントをツリー化する

だいぶ前に導入したんですが、報告が遅くなりました。

ニフティのデフォルトではコメントがツリー形式じゃないので、どれくらいコメントをいただいているのか、
ご返事をしたのかがわかりにくいんです。

そこで、今回もまた "http://koroppy.cocolog-nifty.com/blog/2004/06/post_35.html"
target="_blank">KOROPPYの本棚さんを参考に導入しました。

１．まずはKOROPPYさんのブログからcomtree.jsをいただきます。

私のところからでもかまいません。

"https://kazumaro.cocolog-nifty.com/comtree.js">https://kazumaro.cocolog-nifty.com/comtree.js

"http://koroppy.cocolog-nifty.com/blog/files/comtree.js">http://koroppy.cocolog-nifty.com/blog/files/comtree.js

また、今回はツリー用の画像も必要です。これも、いただいてしまいました。

（無断で申し訳ありません。こちらは私のブログからどうぞ）

"https://kazumaro.cocolog-nifty.com/tree.gif">https://kazumaro.cocolog-nifty.com/tree.gif

"https://kazumaro.cocolog-nifty.com/treeend.gif">https://kazumaro.cocolog-nifty.com/treeend.gif

２．入手したファイル
（comtree.js,tree.gif,treeend.gif）を自分のブログにアップします。

ココログのコントロールパネルから、ファイルのタブを開きアップロードします。

３．「最近のコメント」より後にリンクを作成し、そのメモ欄にの記述を追加します。

詳しい解説ファイルです。

「最近のコメント」より後または、「最近のコメント」が左側ならば、右側にリンクを作成。

style="MARGIN-RIGHT: 0px">

<script type="text/javascript"
src="https://kazumaro.cocolog-nifty.com/comtree.js"></script>

<script type="text/javascript">

４．スタイルシートにも以下の記述を追加し、差し替えます。

style="MARGIN-RIGHT: 0px">

ul ul.tree li {

margin: 0px;

padding: 0px 0px 0px 16px;

font-size: 100%;

background-image:
url(https://kazumaro.cocolog-nifty.com/tree.gif);

background-repeat: no-repeat;

}

ul ul.tree li.end {

background-image:
url(https://kazumaro.cocolog-nifty.com/treeend.gif);

}

dir="ltr">※ふと文字のところはご自分のブログにあわせて修正ください。

dir="ltr">５．これで完成です。

dir="ltr">こうすることで、どの記事にコメントいただいたのか、
お返しのコメントをしたのかとってもわかりやすくなりました。

dir="ltr">P.S.

dir="ltr">ココログカスタマイズというカテゴリーを新設しました。

dir="ltr">色々改造を行っていますので、過去記事と整合が取れていないのもあるかもしれません。

dir="ltr">ボチボチ修正していきたいと思います。