今回は、このご質問にお答えしていきますね！

ブログのタイトルにあたる部分を、ヘッダーといいます。

そして、そこに使われる画像を、ヘッダー画像といいます。

まず、これで変更できるのはPCデスクトップ用の画面のみになります。

一般の登録の場合は、スマホ画面の方は変更できませんので、そこは諦めます(笑)

ではHTML（タグ）を少しお教えいたしましたが、今回使うのは、CSS（シーエスエス）というところになります。

Cascading Style Sheets（カスケーディング・スタイル・シート）の略です。

詳しい話は置いておいて、HTMLが身体の表面部分（化粧や衣類）だとすると、CSSは骨組みや筋肉といったイメージです。

ベーシックなものは、横幅が１１２０px（ピクセル）になります。

これが、アメブロの新デザインの基本的な横幅になっているので、ベストです。

縦は特に制限はありませんがわたしのブログは５００ｐｘになっています。

これが太いと思われる方は、４００ｐｘなどと減らして作ってみてください。

拡張子は、その画像のURLの最後の方につく、.gif、.jpg、.png、というものです。

アメブロの場合は、この３種類しか反映されませんので、これらで作ります。

なので、デジカメなどで撮られた画像は、基本的に拡張子が.jpgになっています。

わたしのヘッダー画像は、.pngです。

ヘッダー画像を、横幅いっぱいにしたいときは、このように作ります。

横幅フルの場合は、合計２０００ｐｘになるように作りましょう。

まずは、ブログデザインを新デザインのカスタム可能のものに変更します。

これ以外では出来ないもしくは崩れますので、ご注意ください。

①ブログ管理→デザインの設定→他のカテゴリからブログデザインを探す→カスタム可能を選択。

②CSS編集用デザインを選択。

このとき、記事表示部分に３種類のデザインがあるので、お好きなものをお選びください。

③設定が完了したら、ここからCSS編集していきます。

デザイン設定直後の、ここからも出来ます。

では、いよいよCSSを編集していきましょう！

使う場所は、ここになります。

この画面の上の方に、画像を登録できる場所がありますので、ここで先ほどの画像をアップロードします。

そして、またここに戻り、

枠の中のカーソルを一番下まで持っていき、この文章の最後にこの真下の記述をそのまま全てコピペしてください。

貼れましたか？

では、そのまま赤色の部分を書き換えていきます。

こんな風になっていますので、

先ほどアップロードした画像パスのURLを、画像URLとなっている部分に貼り付けます。

スペースや記号が全て消えないよう、注意してくださいね。

（※半角英数字・記号・スペースが１文字でも消えると反映されなくなります。）

画像の高さも、ここで調整します。

ここまで出来たら、「表示を確認する」で確認し、OKであれば保存をします。

保存をしないと実際のブログには反映されませんので、ご注意くださいね！

いかがでしたでしょうか？

無事にヘッダーを変更できましたか？

もし、保存してもヘッダーが変わってない！というときは、PC自体のキャッシュをクリアにしてもう一度ブラウザを更新してみてくださいね。

皆様の個性が溢れるブログが沢山増えていくのが楽しみです＼(^o^)／