Little beaR

ブログテンプレート、ブログ用素材、PC備忘録
JUGEM 便利なページナビ
JUGEMカスタマイズ講座さんの

各ページに直接アクセスするページリンク

をお借りしています。










R2ランキング
2008/02/12 | 他ブログ |permalink
ツリー化
JUGEMの最近のコメントとトラックバックをツリー化してみました。

JUGEMカスタマイズ講座さんのこちらのスクリプトをお借りしました。

タグの変更

{recent_comment_list}
    ↓
<div id="commentlist">{recent_comment_list}</div>

{recent_trackback_list}
    ↓
<div id="tblist">{recent_trackback_list}</div>


テンプレートの</body>の直前にavaScriptを挿入



ツリー化カスタマイズ応用偏をみてカスタマイズ

スクリプト
 ↓
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
gTreeOption['sort'] = true;
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
gTreeOption['sort'] = false;
createTreeList('linklist',gTreeOption); // リンクリストのツリー化

CSS
 ↓
ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(アップした通常用の画像ファイルURL);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(アップした末端用の画像ファイル);
}

私が使っているのはこんな画像です
ご自由にお持ち帰りください。。。。
そんな奇特な方はいないかもしれませんが。




そしてそれをさらに応用した、
JUGEMでサブカテゴリーがあるように見せるツリー化

まめの一言さんのこちらの記事を見てカスタマイズさせていただきました。

スクリプトを少し足すだけです。


R2ランキング
2008/02/08 | 他ブログ |permalink
アーカイブツリー化
JUGEMブログを初めてもうすぐ5年。

今までもツリー化をしてはいたものの、
もうちょっとすっきりさせたいなぁと思っていたのです。


みるくゼリーさんのこちらの記事のジャバスクリプトをお借りしました。

年毎のリンクが出、それをクリックすると月のリンクが出るようになってます。
すっきりしてるし、かなり(!!)便利です。

R2ランキング
2008/02/08 | 他ブログ |permalink
忍者ブログのアーカイブ(プラグイン)設定。
忍者ブログのプラグインで、アーカイブの数が、設定できます。

>環境設定>ブログの詳細設定>アーカイブ表示数

気が付いてなかった!!もうずっと使ってるのに気が付かず、なんで4月からしかアーカイブがないんだろう〜と思って調べちゃいました。

でも最大25個って、2年以上ブログ続けてたら最初からは表示されなくなっちゃうんですね。
設定できるのはいいかなぁと思うんだけど、無限にできないのはちょっとなぁ。


参考http://www.ninja.co.jp/help/blog/manual/manual062.html


08/06/20 追記。
いつのまにか、最大200になってました。

R2ランキング
2007/08/29 | 他ブログ |permalink
    home    
別館Little beaR-photo
FC2ブログランキング 0574ブログテンプレートランキング てんぷれだいすき

FC2ブログ 紹介予定派遣