はてなブログのヘッダー画像を横幅いっぱいにしてみた。

みそです。

うかうかしてたら夏だぜ海行きたい。

今回ははてなブログのヘッダー画像を変えるときに必要な作業をまとめてみました。

汗かいて調べた結果をとくとご覧あれ（エアコンつけろ）

さて！今回はこの画像を使います。

ネギ！ピンク！

f:id:misosiru-oishii:20170725225702p:plain

サイズは1455×179px。

ブログのテーマはブルックリン。ネギとのギャップやばい。

↓↓今回調べるとこの知恵袋的なページが個人的に役にたちました。↓↓

この手順に則って、デザイン＞カスタマイズ＞デザインCSSに、

#blog-title {
    background: url('［任意の画像のURL］') center 50%;
    background-size: cover;
}

を入れ込みます。

ちなみ、任意の画像のURLは、フォトライフから入れたい画像をチェック

→左下「ブログに貼り付ける」ボタン

→「src="◯◯◯◯◯"」の◯の部分をコピペして先程のCSSに追加！

私の場合こんな感じ。↓

f:id:misosiru-oishii:20170725232334p:plain

以上ですー

これでおしゃれブログに！

・・・と思っていたのだが、なんか画像粗い・・・

また改めて改善措置調べます。

みそしる新聞