解決済
ライブドアブログのテンプレートに、オリジナルの画像を使用したい。
現在、私が使用しているライブドアブログのテンプレートは、ライブドアから配布されております、Formula Nipponのデザインがメイン画像として適用されております。この部分を、オリジナルの画像（例えば自分でデジカメ撮影した画像など）を配置することは可能なのでしょうか？
また、可能であれば、その方法を教えていただきたいと思っております。
お手数かもしれませんが、ご返答の方よろしくお願い致します。
回答(3)
2.
#container内の
background:#161616 url(？？？？）no-repeat scroll 50% 0;
の？？？？の部分を書き換えれば大丈夫だと思います。
1.
まず管理画面でCSSの設定ページを開きます。そのCSSの中から以下のような構文を探してください。
#banner,#subbanner{width:700px;height:200px;text-align:left;background-color:#ffffff;url(http://image.blog.livedoor.com/img/usr/flower01d/head.gif) no-repeat;}
構文の書かれ方は設定しているデザインによって多少の違いはあると思いますが、とにかく#bannerと書かれている部分に着目してください。#bunner以下"{"から"}"までの構文が、トップ画像の設定を意味しています。
次に、上に挙げた構文の中の
url(http://image.blog.livedoor.com/img/usr/flower01d/h...)
という部分を見てください。この部分が画像を表示させる上で一番重要な部分です。"url("から")"までの間にトップ画像のURLが入っていますね。このURLの部分を書き換えれば、好きな画像を表示させることができます。
アップしたい(デジカメなどで撮った)画像はあらかじめ、ファイルアップロード機能を使ってアップしておいてください。アップした画像にはそれぞれURLが割り振られているので、そのURLをコピーしてください。あとは、現在適用されている画像のURL部分を削除して、コピーした新しい画像のURLを書き加えればおしまいです。最後にCSSを再構築して確かめてください。
3.
#banner,#subbanner{
height:？？？px;
の？？？を書き換えてください。コメント(6)
丁寧なご返答、ありがとうございました。
自分のCSSと照らし合わせながら何度も熟読させていただいたのですが、うまくいきません。
貴殿が示してくださいました構文とはまったく違う形態でした。
#banner,#subbanner{
height:283px;
}
#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:active{color:#fff;}
#banner a:hover{color:#fff;text-decoration:underline;}
#subbanner a{color:#fff;text-decoration:none;}
#subbanner a:link{color:#fff;text-decoration:none;}
#subbanner a:visited{color:#fff;text-decoration:none;}
#subbanner a:active{color:#fff;}
#subbanner a:hover{color:#fff;text-decoration:underline;}
#ad{width:380px;}
h1,h2,h3{margin:0;padding:0;}
これ↑が#banner,#subbanner近辺の構文となっております。
本当に申し訳ないのですが、もう一度アドバイスいただけませんでしょうか。
よろしくお願いします。
大変参考になりました。
無事に問題を解決することができました。
ありがとうございました！
