ブログの背景の壁紙を変更しよう。

背景を画像で指定する方法を紹介しますが、今回は１枚の大きい背景を指定して表示する方法です

背景に画像を指定してみましょう

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

それでは、やり方と解説をします。
使う背景はこれです。

それでは、CSS編集で下記の部分を探してみてください。


/* skinBody ボディ */
.skinBody{}/* ←ブログ全体に背景を敷きたいとき */

下記のように変更します。


/* skinBody ボディ */
.skinBody{
background-image:url(ここに画像のURLを貼り付け);
background-repeat:no-repeat;/* 繰り返さない */
background-attachment:fixed;/* 固定 */
background-position:center top;/* 位置を左上に */
background-color:#00003f;/* 画像が足りない部分の背景の色になります */
}/* ←ブログ全体に背景を敷きたいとき */

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

変更を保存したらこのような背景になります。

サンプルブログを見る

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