人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: ヒール
●カテゴリ:はてなの使い方 ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

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

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>

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


ヒールさんのコメント
ありがとうございました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ