アメブロをカスタマイズしよう! -17ページ目

ヘッダー画像とブログの幅を変える

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ピクセル分広げると言うことです。


アメブロをカスタマイズしよう!