オリジナルのヘッダー画像を設定

CSS（スタイルシート）を直接編集しない、アメーバブログのカスタマイズです。

CSS を編集しないので、アメブロのデザインを簡単に変更できます。

アメブロへログイン／ブログを書く／デザインの変更／カスタム可能を選択します。

２ページに渡って、カスタム可能デザインが掲載されています。

CSS を直接編集しない場合は、「CSS編集用デザイン」と「【カスタム可能】ベーシック」以外のデザインを選択します。

ブログデザインを選択すると、デザインを確認する画面が表示されます。

そのデザインで良ければ、カラム（縦に並ぶ列）（3カラム・右ワイドメニューなど）を選択して適用するをクリックします。

デザインをカスタマイズするを選択します。

デザインのカスタマイズ（ヘッダーや背景のデザインを簡単にカスタマイズできます）と書かれた画面が表示されます。

この画面では、ヘッダー／ブログタイトルと説明文／背景を簡単に変更することができます。

ヘッダーと背景をオリジナルの画像に変更するだけでも、他にはないブログデザインになります。CSS を編集するほどではない場合は、この画面からのデザイン変更が簡単です。

ヘッダーのカスタマイズを行います。

ヘッダーをオリジナル画像にする場合は、オリジナル画像を使うを選択します。

ブログデザイン用画像の追加が表示されます。

ファイルを選択からヘッダー用の画像を選択して、アップロードします。

ヘッダーの幅は 980px です。ヘッダーの高さは 0 ～ 300px の間で設定できます。

例えば上の画像には、幅 500px のヘッダー画像がありますが、幅 500px のヘッダー画像を適用すると 480px の空白ができます。

つまり、左右をピッタリ合わせたヘッダー画像を設置したい場合は、幅 980px のヘッダー画像を用意します。

ヘッダー画像の配置は、左／中央／右から選択できます。

980px 以下のヘッダー画像を設置した場合は、画像の配置を変更できます。

ヘッダーの高さは、0 ～ 300px 間で入力した値に変更できます。

ヘッダーの高さを 0px と入力すると、ヘッダーが無くなりブログの本文が上部に上がります。

画像をなしにするを選択すると、設定したヘッダー画像がリセットされます。

ヘッダーのカラーを単色で塗りつぶす場合は、オリジナル画像を使うの横からカラーを選択します。

上の画像の例では、transparent（透明）が選択されています。

透明を選択すると、ヘッダーが透明になります。

つまり、背景画像がヘッダーに表示されます。

画像を用意する必要はありますが、ヘッダー画像を変更することでオリジナルのブログデザインに変更できます。