アメブロの背景色&背景画像の入れ方

自分でアメブロをカスタマイズするときに、背景色や背景画像を入れたいと思う方は多いのではないでしょうか。
背景があるとちょっと華やかになります。

今回は、旧CSSデザインで設定する方法をお伝えします。

アメブロに背景色と背景画像を入れる方法

管理画面→デザインの変更→CSS編集用デザインを選択。クリックします。

文字スタイルの下にボディタグを入れる

タグはこちら↓

/* skinBody ボディ */
.skinBody{
background:#fff;
background-image:url(★);
background-repeat-y: repeat-y;
background-position: left top;
}/* ←ブログ全体に背景を敷きたいとき */

background:#fffのところは好きなカラーコードを入れましょう。

画像を入れたい場合は、「ブログデザインヘッダ・背景用画像の追加」から背景に入れたい画像をアップ。
background-image:url(★);
★のところに画像URLを入れると背景画像が入りますよ!

また、背景画像のURLを入れるタグの下に書いてあるタグはこういう意味があります。

repeat:縦横に背景画像を繰り返して表示。
repeat-x:横方向にのみ背景画像を繰り返して表示。
repeat-y:縦方向にのみ背景画像を繰り返して表示。

背景画像選びのポイント

  

こんな感じで、均一にデザインされているもの・色が薄めのものを選びましょう。

こういうような背景の印象が強い画像はイマイチ。背景に目が行ってしまいます。

 

メルマガ

コラムをはじめ、お仕事に・生活に役立つ「お役立ちネタ」をメルマガでお届けしています。あなたのお仕事がもっとスムーズに、ちょっぴり楽になるお手伝いが出来ると嬉しいです♪