背景の設定をまとめて行うには | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
人気ブログランキングの応援
をして頂けると励みになります。



アメブロの背景を設定する場合に、

・背景のを変更したい。
・背景の画像を変更したい。
・背景に使用している画像を中央に設定したい。
・ブログをスクロールしたときに背景用の画像は固定したい。

など、いろいろなニーズがありますよね。



ところが、これらのニーズが複数で組み合わさってくると
設定が難しく感じられます。



こんなときは、次のように設定すると
簡単に解決できます。



例えば、
背景色(グレイ、#fafafa )、背景画像(http://stat.blogskin.ameba.jp/blogskin_images/20110403/17/04/
2f/j/o08980087kiyo-customize1301817760033.jpg)、並び方(垂直方向)、表示位置(中央上)、固定表示(固定しない)の場合



尚、背景画像は、画像編集ソフトJtrimで、
次のような画像を作成し、ブログにアップロードしました。

作成した背景画像(クリックで拡大)



CSSは、次のようになります。

/* ■背景画像■ */
html {
background :#fafafa url(http://stat.blogskin.ameba.jp/blogskin_images/20110403/17/04/
2f/j/o08980087kiyo-customize1301817760033.jpg) repeat-y center top scroll;
}

記述する順序は自由で、必要のない指定は省略も可能です。



上記のCSSを保存すると、
ブログは、次のようになりました。

背景画像使用例(クリックで拡大)



背景がこのようなブログも
たまに見かけますね。



今回は、以上です。



最後まで読んでいただき、
ありがとうございました。

少しでもお役に立ちましたら、
応援お願いします!!

人気ブログランキングへ