hirhir13回答ポイントなし

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

AddStarボタンをダイアリーやグループ内日記のように、タイトル横に移動する事は可能ですか？

ログインして回答する

ベストアンサー

a-kuma32016/02/18 09:34:56
ぼくのところで試してみました。
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>
```
テキストエリアの外のどこかをクリックすると、広がったテキストエリアが元に戻り、右側にプレビューが表示される（ちょっと待たされる）。
右側のプレビューでスターの移動を確認したら、左上の「変更を保存する」をクリック。
スター
- 1件のコメントを見る
- hirhir13 2016/02/18 13:34:41
  
  ありがとうございました！
  
  スター

その他の回答

この質問へのコメント

ぽけっとしすてむ2016/02/20 06:58:59

質問は終了していますが、ヘッダかフッタ、または headに要素を追加などに
<script>
(function () {
if (document.readyState == "uninitialized" || document.readyState == "loading") {
window.addEventListener("DOMContentLoaded", function () {
if (!Hatena.Star) return;
//スターボタン設定を追加する
Hatena.Star.SiteConfig.entryNodes['header.entry-header'] = { uri: 'h1 a', title: 'h1', container: 'h1' };
//スターボタン設定を上書きする
//Hatena.Star.SiteConfig = { entryNodes: { 'header.entry-header': { uri: 'h1 a', title: 'h1 a', container: 'h1' } } };

//スターボタンを表示させる
//Hatena.Star.EntryLoader.loadNewEntries();
}, false);
}
})();
</script>

このように記述しても表示できます。(ザックリと書いてあります)

この質問への反応（ブックマークコメント）

質問の情報

登録日時: 2016-02-18 00:40:46
終了日時: 2016-02-18 13:34:29
回答条件: 1人50回まで

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問