【アメブロ】背景に画像を使いたい

あきこ＠ゆっくりパソコンタイムです。

ブログの背景に画像をつけたい！

というリクエストをいただきました。
ありがとうございます♪


ブログの背景は
この○が付いてるあたりです。





今回背景にする画像にコレを使用します。
※ご自分で好みの画像をご用意くださいね。





では［ブログを書く］－［デザインの変更］－［CSSの変更］をクリックします。


CSS変更画面になります。
［参照］ボタンをクリックし、
背景にしたい画像を指定します。

［アップロード］ボタンでアメブロにアップロードします。




参照ボタンでこの画面が表示されます。
使いたいファイルを指定します。





アップロードするとこのようになります。
画像のパスをコピーします。




ではCSSを書きこんでいきます。
まずCSSの中にある　［skinBody］　を検索します。


/* skinBody ボディ */
.skinBody{
background-image:url(　画像のパス　);
}/* ←ブログ全体に背景を敷きたいとき */



表示を確認して、問題ないようなら保存します。
ブログを表示して確認します。