レイアウト的にはほとんど違いありませんが，ブログを改造…

　○AutoPagerizeに対応！
　○シムエントリ導入！
　○一部のプラグインにタブ切り替え実装！

[0回]

○AutoPagerizeに対応！

まずAutoPagerizeとは？

Googleの検索結果など，検索結果などのページは１ページへの表示件数が設定されているため，順位が低い結果を見るためには次の結果ページにいちいち移動しなくてはならない…
これを解消するためにブラウザにScriptとしてAutoPagerizeを導入することで，検索結果画面の下の方まで行くと次のページの結果を勝手に読み込んで表示してくれる，最高，言うことなし！

Sleipnirに導入する場合はこちらを参照
スクリプト｜Sleipnir Unofficial Extensions Center

今回はこのshinobiブログもとい忍者ブログをAutoPagerizeに対応させてみた，検証はIE7ではなくIE6で行ってみたが問題なし！
「忍者ブログでAutoPagerize」なる記事が見当たらなかったので，自力でやる事にした，そんなに難しくなかったし（一度Sleipnirに導入する際に挫折したのは内緒）

開発本家：[autopagerize] - SWDYH

このブログの構造は若干複雑であり，ソースの上では以下の順番

■プラグイン１
■タイトル：フラッシュ
■プラグイン２
■記事１
…
■記事５
■フッター

今回Autopagerize対応において，

■プラグイン１
■タイトル：フラッシュ
■プラグイン２
＜autopagerize読み取り：開始＞
■記事１
…
■記事５
＜／autopagerize読み取り：終了＞
＜autopagerize表示：開始＞
＜／autopagerize表示：終了＞
■フッター

という風に指定のタグを入れた…
当初うまくいかなかったのは，

＜表＞
■記事１
…
■記事５
＜／表＞

という構造だったのだが，

＜表＞
＜autopagerize読み取り：開始＞
■記事１
…
■記事５
＜／autopagerize読み取り：終了＞
＜／表＞

などとやったら，＜ＴＲ＞とか＜ＴＤ＞あたりとうまく整合性が取れなかったらしく，Ｐａｇｅ：２とは表示されても内容が表示されなかった…

＜autopagerize読み取り：開始＞
＜表＞
■記事１
…
■記事５
＜／表＞
＜／autopagerize読み取り：終了＞

などと無理やり表を囲む形にしたところ，なんとかできた…

で，lovelog時代の横幅600px～全開1000pxの記事がでてくると困るので
被害を抑えるために，プラグインの表示方法を

if　＠トップページ　右に２段
if　＠ノットトップページ　右に１段

にするように変更してみた，意外とやりがいがある…


○シムエントリ

シムエントリとは，自分の書いた記事の類似記事を検索して表示してくれるWeb2.0的なツール（Web2.0的って曖昧だな）
以下のサイトに登録すると，何やらタグを出力してくれるのでブログの好きな場所に貼り付ける…

シムエントリ

if＠トップページ　続きを読むがある場合の最後
if＠記事ページ　最後

に表示させるようにしているが，リンク先の記事をみたことは一度もない（笑）

参照：ニンブロラボ. ブログを類似記事で結ぶパーツ「シムエントリ」


○一部のプラグインにタブ切り替え実装

チャットであるとか，アクセス解析系及びニュース系に設置
重複設定が出来なかったので，今度の改造が悩み…

以下のサイトがＣＳＳだけで実装しており参考になる

JavaScriptとCSSで作る超シンプルなタブ切り替えメニュー - DQN起業日記

既にこのサイトに導入されているjqueryとか使うのもあったけど，よくわからなかったので使用せず（オイ）



まだまだ課題は多く，ツリー化スクリプトが外部ｊｓファイルにするとうまく機能しないあたりがかなり問題である，まあコメント処理にしか使用してないので消してもいいかもしれないが…

あと配色が非常に不評らしいので，気が向いたら変える（絶対かえんだろうな），ブログの構造上か知らないが，レイアウトＣＳＳと配色ＣＳＳは分離して読み込む（ＣＳＳファイルを分ける）ことができなかった気がする（Lovelogからの移行当時）


今月，まだまだ改造は続く…