livedoor ナレッジ

トップページに自分の撮った写真を入れたいのですが教えて下さい

写真の大きさとデザインの選択まではわかるんですが出来fukui-y@cameo.plala.or.jp買った写真のソースを何処に貼り付けるか判りません
具体的に何行目に貼り付けたらよいか教えて下さい、ソースのことはわからないので宜しくお願いいたします

↓こちらを参考にまずは画像をアップロードされて下さい。
http://blog.livedoor.jp/blog_matome/archives/50013...

ブログの本文を入力する欄の上に「IMG」ボタンがありますが、これを押すと以下のような文字列が出ます。

<img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="135" height="104" border="0" alt="画像です" hspace="5" class="pict" align="left" />

この文字列を「imgタグ」と言って、画像を表示させる「HTMLタグ」という命令文です。

ただこの状態だと、文章を回り込ませたりする余計な命令文が入っていてそのままだとブログの表示が崩れる場合があります。


<img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="135" height="104" border="0">
↑こんな感じにざっくり短くされて下さい。



左寄せしたい場合は、この文字列を<div align="left">と</div>で囲います。


<div align="left"><img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="135" height="104" border="0"></div>

中央寄せ <div align="center">と</div>で囲います。
右寄せ <div align="right">と</div>で囲います。

上の手順で作ったimgタグは、適切な位置に貼ればそのまま画像として表示されます。
imgタグ全てをコピーしてワードパットになどにペーストしておきましょう。

では、作ったimgタグをプラグインの一番上に貼ってみましょう。

ブログの管理画面で、次のように進んで行ってみて下さい。

プラグインの設定／新規追加　→　新規追加　→　上級者向けプラグイン　→　フリーエリア

空欄のスペースに、imgタグを貼りつけます。


改行を<br/>タグに変換 という項目がありますが、「変換しない」、で良いでしょう。
｢この内容で保存する」をクリックしてください。


プラグインの設定／新規追加　→　プラグインの設定　へと進むと、「フリーエリア」という項目があります。

タイトルに「撮影した写真」とでも入れてみましょう。

右の方に位置「Ａ」「Ｂ」という項目がありますので、左サイドバーにしたい時は「Ａ」を選択してください。右サイドバーにしたい時は「Ｂ」を選択してください。

「順序」は「0（ゼロ）」にしてください。他に0のものがあるときは他のプラグインを「１」とかにして下さい。
終わったら、「順序／タイトルを変更する」、を押します。


ブログに設定を反映（再構築） →　サイドバー（プラグイン）→　ブログを再構築する

これでプラグインの一番上に写真が貼り付けられます。


あんまり大きい画像を使うとサイドバーが落ちますので、ご注意下さい。
（参考：http://wiki.livedoor.jp/everydaydesign/d/%A5%B5%A5...）

例えば幅360px、高さ180pxの画像をアップロードされたとします。たいていのブログでは確実にサイドバーが落ちます。

<img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="360" height="180" border="0" alt="画像です" hspace="5" class="pict" align="left" />

この場合、以下のようにしていただけますと、画像が縮小されます。このように調節し貼って下さい。

<img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="120" height="60" border="0" alt="画像です" hspace="5" class="pict" align="left" />

プラグイン以外、例えばトップページの記事の上に画像を表示したい場合などは、下記を参考にされて下さい。
http://knowledge.livedoor.com/6820

よくわからない場合は、この質問のコメント欄にお気軽にコメントされて下さい。

行間が読めず誠に失礼いたしました。

ただ、トップページとおっしゃるだけでは私のように解釈してしまうものもおリますので、できれば具体的にわかりやすく書いていただけますと、助かります。
また、デザインによっても変更方法が違う場合がありますので、できればお使いのデザイン名をお書きいただいた方がよろしいかと思います。
福井義雄さまに無用のお手数をかけることも少なくなると思いますので、以上何卒よろしくお願いいいたします。

トップページの画像の変更方法ですが、

カスタマイズ/管理 →　デザインの設定 →　カスタマイズ　→　スタイルシート（CSS）　と進みます。


#banner　という部分があります。

この中に、多くのデザインでは、

background:url(http://parts.blog.livedoor.jp/img/usr/xxxx/header.gif) no-repeat 50% 0;

という部分がございます。

まずは、url()の中にあるアドレスをコピーされ、そのアドレスに直接アクセスされて下さい。

その画像を右クリックしてダウンロードされ、お手持ちの画像をその画像と同じ大きさに加工、調節、されて下さい。


その上で画像をブログにアップロードし、「ファイルのアップロード/管理」の画面で、アップロードした画像のタイトルを右クリックすると、画像のアドレスがコピーされます。

http：//image.blog.livedoor.jp/xxxx/imgs/x/x/xxxxxx.jpg?blog_id=0000000

この中で、 ?blog_id=0000000以下の部分は不要ですので、削除されて下さい。


これをCSSの#bannerの中にある、backgroundのurlの括弧内のものと入れ替えます。

CSSを保存、CSSを再構築されて下さい。

通常はこれで各ページのトップ画像が全て変わります。


表示が崩れたりする場合は、元のデザインを選びなおして、全ページ再構築されて下さい。


問題が解決しない場合は、お手数ですが、もう一度ご質問された方がよろしいかと思います。