先日のdel.icio.usでは"popular"リストに引きずられて、英文のページをクリップしてしまいましたが、日本語のページがちゃんとありました。失礼しました。
さて、コメント欄にてご質問があったので、livedoor Blogでの導入を試みました。使ったテンプレートはlivedoorより提供されている「デフォルト2005オレンジ２カラム」です。
結果を先に記述すると…芳しくありません。
最初に"addwin.gif"と"pointer.gif"とをアップロードしておきます。アップロード後は各々のURI(httpから始まる文字列)をメモしておきます。
「カスタマイズ/管理」→「デザインの設定」→「カスタマイズ」と進みます。
そこで表示されている「スタイルシート(CSS)」のテキストボックス最下部に、Indicator.cssの内容を貼りつけます。
内容はセレクタひとつの3行だけですが、わかりやすいようにコメントはつけておくといいでしょう。
最後に保存ボタンをクリックします。もちろん、まだ再構築は行いません。
無料版の場合はHTMLテンプレートに直接JavaScriptコードを記述することになります。
"head"内の末尾(</head>の直前)に、Indicator.jsの内容を貼りつけた後、その前後を、「<script type="text/javascript><!--"」と「//--></script>」で挟みます。
さらに、JavaScriptコードの後ろに記述されている"addwin.gif"と"pointer.gif"を、先にメモしておいたURIに書き替えます。
有料版だとどこかにアップロードしてそのURIをスクリプトとしてhead内にリンクすればいいのですが、それでも上の画像URIの書き換え作業を行わなくてはなりません。
一応、livedoor Blogでやってみたサンプル記事があります
Link Indicatorのサンプル(ねずみ::livedoor)
いかがでしょう。
Firefoxで見ると正常なのですが、IEだとリンク先に結ぶ罫線があらぬところに表示されませんか？
このブログのサーバー上でもっとシンプルな構成のサンプルだとこんなことはありませんし、もちろん、Link Indicatorでも同様です。
試しにlivedoor Blogで「デフォルト2005オレンジ２カラム」のスタイルシートを外すと、IEでも正常に動作します。とはいえ、CSSだけを変えて現状のレイアウトを維持しつつ、この問題を回避する手段を思いつきませんでした。修正するのならHTMLテンプレートも一緒にしなければならないような気がします。
どうせなら、フルカスタムのデザインならうまくいくのかもしれませんが、そこまでは試していません。
というわけで、パンツのゴムが切れたまま、このエントリーは終わります。
どうも"float"と相性が悪いようで、Firefoxでもサイドバーにページ内リンクを設定をすると挙動が怪しくなります。ということはブログで使うにはJavaScriptを見直さなければならないのでちょっと難しいかな…。
