livedoor ナレッジ

ブログの背景上部に画像をいれたいのですが・・・

現在は　シンプルのＮＡＴＵＲＡＬ　Ｄｉａｒｙ　を使用しているのですが、ブログ上部のブロブタイトルの上のスペースに画像を入れたくて、ファイルのアップデートまではやったのですが、どーすればその空白部分に画像をはりつけられるかわかりません。
現在は行数で言うと2行程度のスペースしかないのでスペースを広げて、さらにそこに画像をはりつけたいんです。
ご指導いただければ幸いです。

NATURAL Diaryテンプレートではブログタイトルは「#links」の中に記述されています。
管理画面の「デザインの設定」の「カスタマイズ」の「スタイルシート（CSS）」を表示して、CSSの「#links」という項目を確認すると、「width:200px;」「padding-top:40px;」などという項目があります。
あなたが挿入したい画像のサイズが判りませんが、その画像の縦のサイズが40px以下で横200pxであれば、この指定はそのままで変更せず以下のような指定を追加してください。
例えば表示したい画像のサイズが縦20px横180pxならば
「background: url(画像のURL) no-repeat top center;」などと記述してください（背景画像を繰り返しなしで上部中央に表示指定する場合の記述例）。
余白を増やす場合には「padding-top:40px;」の数値を増やしてください。
できれば画像のサイズが判れば更に適切なアドバイスが可能になると思われます。

もし、画像の横幅が大きい場合は「width:200px;」の数値部分を大きくしなくてはなりませんが、この数値を大きくするとサイドバーの横幅が広がってしまいます。
これが問題ある場合には、管理画面の「デザインの設定」の「カスタマイズ」の「トップページ」で
「<div id="banner">」から2つめの「</div>」までの箇所を、「<div id="blogcontainer">」のすぐ下に書き換えてください。
「#blogcontainer」は「width:775px;」で「padding-top:10px;」ですので、横幅が775px以下であれば問題ありません。
10pxしか上部余白が取られていませんので、適宜余白部分を調節してください。
おそらくそうすると「#links」は「padding-top:40px;」のままでは余白が広すぎると思いますので、適宜余白部分を調節してください。