ブログの世界に人気投票ランキングのサイトがあることを知ったのは半年ほど前のことだ。



それは韓国ドラマに関するブログを見ていて気がついたのだが、そのブログでは「人気ＢＬＯＧランキング」 のバナー・アイコンをクリックしてほしいと目ざわりなほどあちこちに書いてあり、それが目につくたびにサービスのつもりでクリックしていたものだ。そのブログ画面からそのアイコンをクリックすれば、ブログにポイントがついて投票したことになる。それが逐一計算されて第何位を占めているのか、いつでも表としてわかる仕組みだ。もちろんこのランキング表示サイトに参加するには同サイトに登録する必要がある。またポイントが増えて上位になってもお金や何か品物がもらえたりすることはない。単に人気度を確認するためのもので、ランキングはそれなりに結果を反映するから、自分のブログを多くの人に見てもらいたいのであれば、こうしたサイトに登録するのはいい方法だ。ランキングは登録されている全ブログをひっくるめてではなく、ジャンルに分けて示される。昨日はざっとそのジャンルを眺めたが、あまりにも多いのでめまいがした。それに、たとえば「芸術」のジャンルを調べたが、いいブログはなかった。これから充実して行くのだろう。何しろまだ１年程度の歴史しかないのいであるから、ブロガーが充実していないジャンルがあるのは当然だ。また、そのジャンル表示からブログ・ランキング表をクリック表示させて、ずらりと並ぶブログの題名と概略内容を示したものの中から適当なブログをクリックすると、それはブログ内のランキング投票アイコンをクリックした場合とは違ったポイントが加算される。このことは昨日初めて知った。つまり、ポイント数にＯＵＴとＩＮの２種があり、それぞれが別個に計算されて、その合計でランクが決められている。また、ブロガー同士がお互いに点の入れ合いができないような仕組みをしているようだが、どのようにしても桜は暗躍できるはずで、ランキングが純粋な訪問者だけの総計で決まっているとはちょっと思えない。ま、お遊びと思えばそれほど目くじら立てることでもない。
　それで、そのランキング・サイトをあちこち見ていると、見覚えのあるバナー・アイコンのページにぶつかった。形は２種、色は５、６つあって、その好きなものをダウンロードして自分のブログに組み込み、そしてランキング・サイトにメールしてこっちのブログのＵＲＬを伝えることで、どうやらランキング・サイトに登録できるらしい。本ブログをいずれ登録するのも面白いと思うが、とりあえずは筆者のブログのデザインに最もお似合いのバナー・アイコンを１個選んで早速ブログ画面右上に組み込んでみた。なかなか収まりがよい。しかし、ＨＴＭＬの書き方を知らない人はこのせっかくのアイコンをどこにどう配置していいかわからないかもしれない。あるいはその程度は今や誰でもできるのだろうか。ＨＴＭＬを全く知らない人でも簡単にブログが作れて意見発表ができるというのがそもそものブログの大きな特徴であるので、このバナー・アイコン１個のことでランキングに参加したくてもできない人があるいはあるかもしれない。それはいいとして、筆者が組み込んだのは、その位置しか考えられない絶妙の場所と思っているが、ちょっと細かい話になれば、位置決めには数ピクセルの移動で何度も試行錯誤した。ここで説明するのは面倒だが、少ししてみる。
　それはブログ画面の右上に、トップ、投稿、設定の３項目の文字が並ぶ１行がある（ブログ訪問者には、トップ、ログインという表示が見える）が、ブログ画面を左右に分割設定した場合、この１行は右欄の最上部に自動的に来る。そしてこの上下配置の具合はスタイル・シート表でマージンの高さを変化させることで調節できる。ところが、筆者はこの１行のみ、スタイル・シートには頼らずに＜ｄｉｖ＞タグ使用の絶対数値指定で位置を決めた。ところが、この数値はいくらでもいいのではなく、ある一定の数値以上になるとクリックしても反応しないことがわかった。これは右欄の諸要素が＜ｔａｂｌｅ＞タグでｅｘｃｉｔｅ側が規定していて、そのセル内でしか移動できないのが理由だと思うが、本来はセル内にセル内を越える＜ｄｉｖ＞タグで絶対数値指定してもそれは効果があるはずだから、なぜ反応しなくなるのかわからない。いずれにしろ、ｅｘｃｉｔｅ側が、クリックして反応するこの１行の動ける範囲を規定していて、いくら自由に上下方向に移動させようと思っても限界がある。筆者のブログではヘッダーの高さが６８ピクセルにしているが、この重要なトップ、投稿、設定の３項目の１行を下げようとしても、せいぜいそのヘッダー下端から２０ピクセルまでであった。それ以下に絶対数値指定しても、１行そのものは表面上は問題なく表示されているが、クリックで反応しなくなる。この１行はブログの右上にあるのが便利であるので、わざわざもっと下方に移動させる必要もないので、別に問題はないのだが、最初の設定ではヘッダー内部に表示されて困った。それをどうにかヘッダーのすぐ下に移動させようと格闘し、それでこの１行だけ独立させて＜ｄｉｖ＞タグで絶対指定した。ついでにこの１行のすぐ下にブログのごく簡単な説明を２行を書き入れ、さらにその下に、昨日は人気ブログランキングのバナー・アイコンを挿入した。そのアイコンのために、また３項目の１行を上下に移動させてバランスを考えた。
　このようにしてに画面デザインは日々着々と完成しつつあるが、まだ今後変更があるかもしれない。それと言うのも、今朝のことだが、ＪＡＶＡの設定をＯＦＦにしている人がホームぺージ訪れてもそれなりに画面が滞りなく見られるように確認している最中、ついでに本ブログを見ると左欄にあるはずのカレンダーが消えている。これはＪＡＶＡをＯＦＦにしているので当然のことだが、それはいいとして、カレンダー全体がごそっと抜けた分、カレンダー以降の各項目が順次上にずれて上がっていて、検索窓の１行が人気ブログ・ランキングの１行に半分以上重なって表示されていた。これでは駄目なので、また３項目の１行と人気ブログ・ランキングの１行を１０ピクセルほど上に設定し直した。このことでＪＡＶＡ設定していない人がブログを訪れても一応はデザインはおかしく見えないようになった。一応と言うのは、実は検索窓の１行のタイトルである「検索」という文字が人気ブログ・ランキングのバナー・アイコンにかぶさっているからだ。これを割けるのであれば、検索窓を下に下げればよいが、そうすると今度はカレンダーが表示された場合、またよけいな空間ができて間が抜けて見える。検索窓の１行も、検索ボタンに「検索」の文字があるから、ランキング・アイコンにかぶさっているタイトルとしての「検索」の文字は目障りで仕方ないが、これはｅｘｃｉｔｅ側が本元のＨＴＭＬに組み込んでいるものであるので、字の大きささ色は変えられても、消すことはできない。こういった細かい変更まで行なえるように仕組みを変えてほしいが、簡単には行かない専門的な問題があるのかもしれない。以上のように、わずか１０ピクセル以内のことだが、それをああでもない、こうでもないと何度も設定を変えては満足の行く配置を考え直している。この調子でホームページも作っているから、１年半になろうとしているのにまだ半分も完成していないということになるわけだ。そこまでこだわっても誰もわかってはくれないはずだが、自分で納得が行くまで公表したくないので、まだ当分の月日は費やすつもりでいる。