はてなブログのはてなスターについて

ぼくのところで試してみました。

http://a-kuma3.hatenablog.com/

こんな感じで対応します。

「デザイン」の左側にあるスパナのマークをクリック。
「ヘッダ」をクリック。
「タイトル下」の「HTML を記述できます」の下にあるテキストのエリアをクリック。

広がったテキストエリアの最後に、以下のコードをコピペ。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
    $(".hatena-star-container").each(function() {
        var footer = this.parentNode;   // footer
        var star_container = $(this).remove();
        star_container.css("display", "inline-block");
        $(".entry-header h1.entry-title", footer.parentNode).append(star_container);
    });
});
</script>

テキストエリアの外のどこかをクリックすると、広がったテキストエリアが元に戻り、右側にプレビューが表示される（ちょっと待たされる）。
右側のプレビューでスターの移動を確認したら、左上の「変更を保存する」をクリック。