印刷用表示へ切り替え 通常表示へ切り替え 更新履歴を表示 更新履歴を隠す
misc はてなブックマークカウンター設置

はてなから来てくれる人が増えてきたので,「はてなブックマークカウンター」を設置した。feed meter の表示も復活させた。

■ ■ ■

ランキングとか気になりだすとブログを書くのに緊張してしまうので,できるだけ気にしないようにしている。だからランキングサイトには参加していない。しかし,辿って来てくれるのなら,こちらからも辿れるようにしたい。それがたまたまランキングの形をしているだけだと思うことにする。

最近,はてなブックマークから飛んできてくれる人が増えてきた。ブックマークの数はブラウザを使ってすぐに見ることができる(機能変更、お知らせなど - はてなブックマーク日記 - はてなブックマークカウンターの提供開始について)。

上のリンクにアクセスすると画像にリダイレクトされる仕組みになっている。

http://b.hatena.ne.jp/images/counter/default/00/00/0000274.gif

0000274
デフォルトの画像の色は青だが,好みに応じて変えられる(機能変更、お知らせなど - はてなブックマーク日記 - はてなブックマークカウンターのカラーバリエーション追加について)。API も用意してあるところが偉い(naoyaのはてなダイアリー - はてなブックマークカウンターと bookmark.getTotalCount)。使わないけど。

設置は簡単。しかし,設置方法 の通りにやると,Another HTML-lint gateway に文句を言われてしまう。

0: line 565: (<img> には width と height 属性を指定するようにしましょう。) → 解説 183
8: line 565: 空要素タグ <img> は <img /> として閉じなければなりません。 → 解説 38

なので,<img> は <img /> にして,width と height 属性を追加した。

<a href="http://b.hatena.ne.jp/bookmarklist?url=http://nlogn.ath.cx/">
<img src="http://b.hatena.ne.jp/bc/http://nlogn.ath.cx/" class="bcounter"
width="75" height="14" alt="このサイトのはてなブックマーク数" title="このサイトのはてなブックマーク数" /></a>

width と height 属性はスタイルシートで指定してもいいと思うのだが,HTML-lint 的にはダメらしい(減点はされない)。スタイルシートには img 要素で非推奨になっている border 属性だけを指定する。

img.bcounter { border-width: 0px; }

さて,以前,フィードメーター を一度設置したことがあったのだが,削除してしまった(nlog(n): feed meter を試す)。最近 feed meter から来てくれる人が増えたので,再設置。自動生成されるリンクには,非推奨の border 属性と target 属性がついているので削除。クラスは新しく noborder というのを作る。

<a href="http://feedmeter.net/detail.php?r=http%3A%2F%2Fnlogn.ath.cx%2Fatom.xml" title="RSS feed meter - nlog(n)"><img src="http://feedmeter.net/image.php?r=http%3A%2F%2Fnlogn.ath.cx%2Fatom.xml" class="noborder" width="60" height="36" alt="人気ブログランキング - nlog(n)" /></a>

スタイルシートには,次を追加する。

img.noborder { border-width: 0px; }

bcounter クラスは削除して,こちらの noborder クラス統一してしまうのがいいな。

feed meter 情報
feed meter 情報


ランキングが気になるようになったらやめてしまおう。

2007年12月2日追記: 現在 0000464
2008年12月2日追記: 現在 0000599
2010年12月2日追記: 現在 0000836
2011年12月2日追記: 現在 0000915
2012年12月2日追記: 現在 0001075
2013年12月2日追記: 現在 0001120
2014年12月2日追記: 現在 0001131
2015年12月2日追記: 現在 0001170
2016年12月2日追記: 現在 0001202

Posted by n at 2006-12-02 00:39 | Edit | Comments (0) | Trackback(0)
Trackbacks

  • 「手違いで複数トラックバックを送ってしまった!」という場合でも気にしないでください (重複分はこちらで勝手に削除させていただきます)
  • タイムアウトエラーは,こちらのサーバの処理能力不足が原因です (詳細は トラックバック送信時のエラー をご覧ください)
  • トラックバックする記事には,この記事へのリンクを含めてください(詳細は 迷惑トラックバック対策 をご覧ください)
Comments
Post a comment
  • 電子メールアドレスは必須ですが,表示されません (気になる場合は「メールアドレスのような」文字列でもOKです)
  • URL を入力した場合はリンクが張られます
  • コメント欄内ではタグは使えません
  • コメント欄内に URL を記入した場合は自動的にリンクに変換されます
  • コメント欄内の改行はそのまま改行となります
  • 「Confirmation Code」に表示されている数字を入力してください (迷惑コメント対策です)


(必須, 表示されます)


(必須, 表示されません)


(任意, リンクされます)


Confirmation Code (必須)


Remember info (R)?