ブログに複数画像を貼る方法

お友達から問い合わせがあり、メールで上手く
説明できなかったので書いてみました。
参考にしてください。
縮小で表示され、クリックすると新しい画面で
原寸表示される方法です。

まずは、通常通りブログの編集画面を開きます。
タイトルを記載し、下の方に貼る画像を参照します。


本文は何も書かずに下の方の赤丸部分
「下書きとして保存」にチェックを入れ投稿します。
この作業を掲載画像分繰り返します。
タイトルは変えた方が分かりやすいです。


投稿後この画面が出ますので、画像以外の画面上で
右クリック→ソースの表示を開きます。


先ほど記載したタイトルを探しその下にある赤四角部分をコピーします。

そのコピーした部分をブログの本文の画像掲載箇所に貼り付ければOKです。


また、先ほどコピーしたIMGタグの最後の方にある
align="left"を align="right"にすれば
画像が右手に表示されます。


</a>の後に文章を記載し、赤四角部分の下にある<br clear="all" />を入れればテキストの回り込みが解除されますので自分が意図するレイアウトで編集できます。




何も記載せずに<br clear="all" />を入れるとこのようにテキストの回り込みが
なくなり画像の下に表示されます。



ネタバレ防止のために、縮小画像を表示させない方法です。
先ほどコピーした赤四角枠の<img id ～ ～ style="border-width:0px;" />の部分を切り取り
「こちらをクリック」のような感じの文章を</a>の前に入力すれば縮小画像は表示されずに
クリックすると原寸画像が新しいウィンドで表示されます。
この場合<br clear="all" />は不要です。

上記の方法を利用すれば過去に掲載した画像を再度アップせずに利用することも出来ますね。※2

追加画像用の下書きブログは削除しないで下さい。※1

分かりましたでしょうか？
是非みなさんも活用していっぱい画像を貼っちゃいましょう♪
説明が余り上手くはないのでよく分からない方はコメント下さい。m(__)m

ちなみに下書きのこういった活用法は良いのか分かりませんが。。。


2007.4.1　加筆
2007.4. 3　加筆
2007.4. 6　加筆
2007.6.12　加筆※1
2007.8.13　加筆※2