アメブロ (旧)背景に色を付けたり、画像を入れたい


内藤です。

ブログの背景に色を付けたり、画像を入れたいという方は結構いると思います。

デザイン(スキン)でベーシックを選ばれている場合

CSSの前半に

/*5)ページ背景に画像を入れる*/
body{
background-image:url();
}

というところがあります。

この url()の括弧の中に、画像URLを入れればOKです。

背景画像を縦に繰り返したい場合は 最後の } の前に

background-repeat:repeat-y; を追加します

/*5)ページ背景に画像を入れる*/
body{
background-image:url();
background-repeat:repeat-y;
}

のような感じです。

背景画像を横方向に繰り返したい場合は
background-repeat:repeat-x; を

繰り返したくない場合には
background-repeat:no-repeat;

とします。

画像ではなく色を付けたい場合は

/*5)ページ背景に画像を入れる*/
body{
background-color:#F2F2F2;
}

のように変更します。

#F2F2F2というのが色を表すカラーコードになっています

カラーコードはこちらでお好みのものを選んでみてくださいね

2017年3月からのアメブロ常時SSL化に際しまして、「フリープラグイン」を使ったカスタマイズが利用できなくなる可能性があります
【追記あり】アメーバブログの常時SSL化に伴う仕様変更について|スタッフブログ
フリープラグインを使ったカスタマイズはせずに、CSSを使ったカスタマイズを行ってください