ブログの背景の壁紙を変更しよう | アメブロカスタムで見せるブログへ

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

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

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


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

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


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



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


アメーバブログのカスタム


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



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


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



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

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



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


サンプルブログを見る

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