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

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

回答の条件
  • 1人50回まで
  • 登録:2016/02/18 00:40:46
  • 終了:2016/02/18 13:34:29

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4325ベストアンサー獲得回数17732016/02/18 09:34:56

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

f:id:a-kuma3:20160218093213p:image

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


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

f:id:a-kuma3:20160218091131j:image:right:w200「デザイン」の左側にあるスパナのマークをクリック。
「ヘッダ」をクリック。
「タイトル下」の「HTML を記述できます」の下にあるテキストのエリアをクリック。

f:id:a-kuma3:20160218092224p:image:right:w320広がったテキストエリアの最後に、以下のコードをコピペ。

<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>

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

id:poke-mon13

ありがとうございました!

2016/02/18 13:34:41
  • id:psne
    質問は終了していますが、ヘッダかフッタ、または 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>

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

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

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません