【PC推奨】ブログに載せる複数画像のサムネイル表示方法

こんにちは。
問い合わせがございましたので
アップしたいと思います。

ちなみにみんカラmobileでこの記事を読んでも
何のことか意味不明なのでPCでご覧下さい（笑）

ブログ内に複数画像を載せる方法は
他でも詳しく説明されていますが

今回はその発展版です☆

ブログ内に1枚だけ画像を載せる場合は
自動的にサムネイル表示になりますが…

それ以上に画像をアップすると
撮影したデジカメの記録サイズによっては
こんな風になります。（記録サイズ：800×600ピクセル）


ちなみにソースは
<img src='画像のアドレス' border='0'>

これだと画面サイズの小さなモニターだと
スクロールが大変です。

そこでこんなHTMLタグを入れてみて下さい。
<a><img src="画像のアドレス" border='0' width=220 align="left"></a>
※ソース内の2ヶ所の画像のアドレスは同じものが入ります。
面倒であれば上記タグをコピぺして2ヶ所の画像のアドレスを載せられる画像のアドレスに書き換えてみてください。

上の画像を上記タグで表示させると
こんな風になります。








※このままテキスト入力しますと
文字が画像の右側に表示されますので
画像の下に文字を表示させたい場合は
改行して調整してください。

画像にマウスを合わせると
別リンクで拡大画像が表示されますので
しっかり見たい方にも
満足していただけるのではないでしょうか。。。

…とこんな感じでいかがでしょう♪