はてなのブログのヘッダのタイトル画像を、うまく調整するのって難しいですよね。 はじめに 貼り付ける場所の確認 CSS 軽く解説 はじめに やっと作った画像もアップロードするとこんな感じに・・・ 切り抜きたく無いのに切り抜きを強いられたり、画像の解像度を落としたく無いのに画像の解像度を落としたり。 しかしそんなことをせずとも、このまま未調整の画像をヘッダー画像に使うことが出来ます。 こんな感じで綺麗に収まりますよ。 貼り付ける場所の確認 コードを貼り付ける場所はこちら。 デザイン→カスタマイズ→デザインCSSです。 当サイトではテーマにInnocentを使わせていただいていますが、他のテーマでも大体以下に紹介するコードで収まると思います。 CSS /* タイトルイメージ調整 */ #blog-title { padding-top: 5px; /* 画像上部の余白*/ padding-bot