楽しく利用させてもらっているユーザスクリプトos0xさん作のTwitter Starが，9月11日の更新でさらにステキになりました．お星様の画像をはてなプロフィールアイコンに置き換えるようになったのです．これで，誰がポチポチしてくれたのか一目瞭然になるってことですね！ ソースコードをまじまじと見せてもらったところ，これはすぐに自分のブログでも利用できるなと思ったので，特に何も考えずにやってみました．具体的には，以下のソースをヘッダに記述したのです． [code] [/code] Firefox 2 と IE 6 と Windows 版 Safari 3 で適当に表示を確認しました．Opera 9.2 でも大丈夫なようです．id:os0xさん，ステキなスクリプトを公開してくださってありがとうございます！ 追☆記 はてなスター日記 – ☆の画像がプロフィールアイコンになったブログにて取り上げて

はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。 はてなスターでは、JavaScriptを利用しています。はてなスターの提供するJavaScriptファイルをご自分のブログのページ内で読み込むことで、ページの読み込み完了とともにそのJavaScriptが実行されます。JavaScriptでは、そのページに存在する記事とPermalink（記事ごとの固有のURL）を検出し、その記事につけられたスターの数をはてなスターのサーバに問い合わせます。そして、その結果と、星を追加する「Addボタン」ボタンをページ内に埋め込みます。 「Addボタン」が押された際にも、はてなスターのサーバに問い合わせが行われ、スターの情報が保存されます。 スターの数の表示

さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。 /* Commentボタンの画像をurl()の中に指定します */ .hatena-star-comment-button-image { background-image: url(http://exapmle.com/comment.gif); } /* Addボタンの画像をurl()の中に指定します */ .hatena-star-add-button-image { background-imag

はてなスターを外部のブログサイトなどへ搭載する際に、サイトごとに☆を表示する場所などをカスタマイズする方法を変更します。 今回の変更により、CSSセレクタを使ったシンプルな設定で、☆を表示する場所、エントリーのURL、タイトルなどの場所を指定することができるようになります。 新しい設定方法は、以下のような書式となります。 <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript> Hatena.Star.SiteConfig = { entryNodes: { 'div.entry': { uri: 'h3 a.permalink', title: 'h3.title', container: 'h3.title' }