はてなブログで「ヘッダーメニュー」をロゴの隣に持ってくる方法(jQuery)

本日2連続で技術メモを投稿します。

はてなブログに関してですが、ヘッダーメニューを入れたい!というときありますよね?

そんな時position:absoluteを使って移動させる方法もありますが、もっとスマートなやり方があったのでソース載せときます。

// ヘッダーメニュー
$('#top-editarea').appendTo('#blog-title-inner');

たった1行だけで出来ちゃいます!

やってることとしてはとても単純で、編集可能なヘッダー部分をロゴの後ろに移動してるだけです。

CSSで調整は必要ですが、要素ごと移動できるのでソースも綺麗です。

jQueryの読み込みを忘れずに!

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です