はてなのブログのヘッダのタイトル画像を、うまく調整するのって難しいですよね。 はじめに 貼り付ける場所の確認 CSS 軽く解説 はじめに やっと作った画像もアップロードするとこんな感じに・・・ 切り抜きたく無いのに切り抜きを強いられたり、画像の解像度を落としたく無いのに画像の解像度を落としたり。 しかしそんなことをせずとも、このまま未調整の画像をヘッダー画像に使うことが出来ます。 こんな感じで綺麗に収まりますよ。 貼り付ける場所の確認 コードを貼り付ける場所はこちら。 デザイン→カスタマイズ→デザインCSSです。 当サイトではテーマにInnocentを使わせていただいていますが、他のテーマでも大体以下に紹介するコードで収まると思います。 CSS /* タイトルイメージ調整 */ #blog-title { padding-top: 5px; /* 画像上部の余白*/ padding-bot
![【CSS】コピペするだけ!はてなのヘッダー画像をフィットするようにカスタマイズ - えむしてっく](https://cdn-ak-scissors.b.st-hatena.com/image/square/12ea863af5a35396520d60469c83bdc13f45a53e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmshitech%2F20161031%2F20161031183857.png)