livedoor ナレッジ

ブログトップの画像の変更

ブログトップの画像を借りるのではなく、ペイントなどで作ったデザインにするにはどうしたらいいですか。スタイルシートなどの難しいところは分かりやすく教えてください。

まず、画像を用意してブログの管理画面から「ファイルのアップロード」を選び画像をアップロードします。タイトルなどは適当に付けてください。

アップロードができると、一覧に画像が追加されているとおもいますので、そこから「タイトル」の部分をクリックしてください。アップロードした画像が表示されて、画像のURLが分かると思います。

次に「カスタマイズ/管理」→「デザインのカスタマイズ」と選んで「スタイルシート（CSS)」を編集していきます。

いまお使いのデザインによって内容が異なるので、その辺りは適当に読み替えてください。

基本的には今、画像を使っているのであれば、みたいに書かれている部分があると思います。

#banner,#subbanner{
height:374px;
margin:0 auto;
background:url(http://image.blog.livedoor.jp/...) no-repeat 100% 0;
text-align:left;
color:#ffffff;
}

ここのURLを先ほどアップロードした画像のURLと差し替えればＯＫです。

url(http://...

同じように背景を色々なところで設定できます。試してみるのが一番だと思いますが、そのときはちゃんとデザインを予め保存するか、メモ帳などに取っておくことをおススメします。失敗すると見れなくなくこともあるので。

また変更をした後は再構築をお忘れなく。