ブログ全体の背景を設定しよう | アメブロカスタムで見せるブログへ

アメブロカスタムで見せるブログへ

見てもらうブログから見せるブログへ変身させましょう♪

ブログ全体の背景を設定しよう。


これは本文のバランスなどに気をつけて、自分のオリジナリティ溢れる変更を心がけましょうラブラブ



背景に色をつけてみよう


背景に色を敷いてみましょう。


変更前の背景は真っ白になっています。



この背景に色を敷いてみます。

もちろん色は自由に変えることができます。



それでは、やり方と解説をします。


CSS編集で下記を一番下に追加します。



.skinBody{background-color:#000000;
}/* ←ブログ全体に背景を敷きたいとき */

解説は次の通りです。



background-color:#000000;
この部分は背景の色を指定します。(黒色を指定しています)


自分のブログに合う背景色を選んで変更してみましょうビックリマーク
色のコードがわからない場合はこちらを参考にしてください。



背景に画像を設定しよう


今度は色だけではなく画像を設定してみましょう。

利用する画像のアップロードと画像のURLを調べておきましょう。


CSSの一番下に追加します。



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

解説は次の通りです。



background-image:url(画像のURL);
この部分はアップロードした画像のURLを指定して背景に敷きます。
background-repeat:repeat;
画像を繰り返しなさいという指示です。



アイデア次第で色々なカスタムができますので、是非チャレンジしてみてください。