はてなスターをプロフィールアイコンにする方法
最初に、今日のエントリーは鳥とは関係無いです。
以下をサイドバーに貼れば、はてなスターをプロフィールアイコンに変換して表示*1してくれます。
誰がスターくれたかが分かりやすくなってすごくいいと思うので、みんなで導入しようよ!(;^ω^)
<script type="text/javascript">// <![CDATA[ (function(){ var COLOR = true; if (this.Hatena && this.Hatena.Star){ Array.prototype.slice.call(document.getElementsByClassName('hatena-star-star')).forEach(function(img){ var color; if (/^[a-zA-Z][-\w]{1,30}[a-zA-Z\d]$/.test(img.alt)) { if (COLOR && (color = (/star-(\w+)\.gif/.exec(s.src)||[])[1])) img.style.border = '2px solid ' + color; img.src = Hatena.User.getProfileIcon(img.alt).src; } }); var pushStars = Hatena.Star.Entry.prototype.pushStars; Hatena.Star.Entry.prototype.pushStars = function(stars, color){ stars = stars.map(function(star) { var image = Hatena.User.getProfileIcon(star.name); image.alt = star.name; if (COLOR && color) image.style.outline = '2px solid ' + color; star.img = image; return star; }); pushStars.call(this, stars, color); }; var showName = Hatena.Star.Star.prototype.showName; Hatena.Star.Star.prototype.showName = function(e){ this.screen_name = this.name; showName.call(this,e); }; } })(); // ]]></script>
via
はてなスターの星をプロフィールアイコンに置き換えるGreasemonkey Script - 0xFF
参考といえば聞こえはいいですが、これはもうパクったレベルですね…(;^ω^)
っていうか
はてなブログのオプションで、はてなスターをプロフィールアイコンにして表示するかどうか、選べてもいい様な気がするんだけど。それくらい、個人的にはこのGreasemonkeyスクリプト気に入っています。
*1:クリックした時点では、通常のスター画像のままです。