サイドバー.jpをつけてみた♪

blog内でよく読まれている人気エントリーのランキングを表示させたいと思っていたのですがワタシの環境(ロリポ)だとApacheのログファイルを使用できないのでややこしい手順を踏まないと無理なようでした。
ワタシなりにいろいろ調べて頑張ってみたのですがどうもうまくいかなかったので諦めて便利サービスのお世話になる事にしました。
(本当は自力で表示させたかった…)

サイドバー.jp

あなたのブログにらくがきを投稿できます

らくがき掲示板を簡単に作れます

モブログ/ムビログができます

ウェブサイトオーナーに匿名でらくがき付きメッセージを送れます

ページごとにリンク元リストを表示できます

アクセス数の多いページリストを表示できます

閲覧者への告知などができます

なかなかにいろんな機能が盛り込まれたサービスなのですがワタシはアクセス数の多いページリストの表示にのみ利用させていただいてます。

導入はとっても簡単。
無料のユーザー登録をして指定のJavaScriptをランキングを表示させたい箇所に貼り付けるだけです。
人気エントリーのランキングを表示する場合は個別テンプレートにも忘れずにJavaScriptを貼り付けてリビルドします。
そうしないとカウントの対象にならないそうです。

ランキングの表示件数は統計設定画面で変えられます。
見た目もスタイルシートで指定する事によりカスタマイズが可能です。
ワタシの場合はスクロールバーを表示させるように設定しました。

.sb-frame { text-align: left; font-size: 10px; overflow: auto; height: 300px; }

↑
こんな感じに表示されます。
ちょっと昔の意外なエントリーがランクインしてたりして面白い発見ができました。

Firefoxからみるとスクロールバーが二重に表示されてしまいなんともお粗末な状態になっていたのでcssのクラスを訂正しました。
試行錯誤した結果以下で落ち着きました。
FirefoxとIEで確認済です。

.sb-frame { text-align: left; font-size: 10px; }