ヘッダー画像とブログの幅を変える
1.ヘッダーの画像を入れ替えてみます。
知らない人も多いようですが、
Amebaヘルプを見れば全部書いてあります(笑)
ブログを書く → デザインの変更 → デザインのカスタマイズ
写真や絵などをペイントで加工して800ピクセルにしておきます。
高さは適当ですが、縦横の比率は一定にしておきます。
ペイントとは、パソコンに標準で装備されているお絵かきソフトです。
ウィドウズだと、スタートメニュー → アクセサリ に入っています。
もう少し気のきいたソフトも無料でありますが、ここではやりません。
画像は、ブログの記事に貼るのと同じ要領で
ヘッダのところに、パソコンからアップロードします。

画像を入れると、こうなります。
2.アメブロの幅を広げます。
ブログを書く → デザインの変更 → CSSの編集
ここに書いてある原文をいじります。
(最後の方)
****************************
#frame{
width:760px;
margin-left:auto;
margin-right:auto;
}
#wrap{
width:100%;
}
#main{
width:400px;
float:left;
padding-left:10px;
}
****************************
赤字のところを、それぞれ40足した数字にします。
40ピクセル分広げると言うことです。

知らない人も多いようですが、
Amebaヘルプを見れば全部書いてあります(笑)
ブログを書く → デザインの変更 → デザインのカスタマイズ
写真や絵などをペイントで加工して800ピクセルにしておきます。
高さは適当ですが、縦横の比率は一定にしておきます。
ペイントとは、パソコンに標準で装備されているお絵かきソフトです。
ウィドウズだと、スタートメニュー → アクセサリ に入っています。
もう少し気のきいたソフトも無料でありますが、ここではやりません。
画像は、ブログの記事に貼るのと同じ要領で
ヘッダのところに、パソコンからアップロードします。

画像を入れると、こうなります。
2.アメブロの幅を広げます。
ブログを書く → デザインの変更 → CSSの編集
ここに書いてある原文をいじります。
(最後の方)
****************************
#frame{
width:760px;
margin-left:auto;
margin-right:auto;
}
#wrap{
width:100%;
}
#main{
width:400px;
float:left;
padding-left:10px;
}
****************************
赤字のところを、それぞれ40足した数字にします。
40ピクセル分広げると言うことです。
