Travellers Tales

はてなブックマークウィジェットが公開されていたので、早速貼ってみることに。

はてなの被ブックマークリストは、RSS フィードで簡単に取得できるので、PHP をごにょごにょしてブログの脇に表示しようかなーと思っていたのですが、思っただけで放置していたので、こういうのが簡単にできるようになって嬉しいです。JavaScript が有効になっていないと表示されませんが。

以下で自分のサイトのアドレスを入力すれば、貼付ける JavaScript コードが簡単に得られます。

はてなブックマークウィジェットでいくつか気がついたこと

• ウィジェットの幅は 150/200/250px しか選択肢がないが、Hatena.BookmarkWidget.width を書き換えれば自由に設定できる（私は Google AdSense の幅に合わせました）
• 種類で「人気エントリー」を選んでも、タイトルが「注目エントリー」のまま。Hatena.BookmarkWidget.title を書き換えれば、自由にタイトルを変えられる
• テーマを「なし」にした場合、CSS のクラス等は（閉じタグ省略）：
  • ウィジェット全体 <div id="hatena-bookmark-widget0" class="hatena-bookmark-widget-notheme">
  • ウィジェットタイトル <div class="hatena-bookmark-widget-title">
  • 各項目タイトル <li><a href="http://hoge" class="hatena-bookmark-entrytitle">
  • 被ブックマーク数 <span class="hatena-bookmark-count"><em><a href="http://b.hatena.ne.jp/entry/http://hoge">
  • 最後 <div class="hatena-bookmark-widget-footer"><a href="http://b.hatena.ne.jp"><span>Hatena::Bookmark