ブログに複数の画像を貼り込む方法　その２

　
画像を指定幅（ピクセル）で中央に表示させて、その画像をクリックすると指定したサイト（URL）を新規（別）ウィンドウで開くと言うHTMLタグがあります。
　↓
<div align="center"><a href="●●●" target="_blank"><img src="■■■" alt="" width="▲▲▲" border="0"></a></div>

これは「センタリング」された画像■■■をクリックすると新規ウィンドウで●●●（URL）を開きますと言うタグです。
▲▲▲は表示させる画像の横幅を「480」とかの数字（ピクセル数）で指定します。

分かりやすく書くと
<div align="center"><a href="　１．画像ウィンドウURL　" target="_blank"><img src="　２．画像本体URL　" alt="" width="▲▲▲" border="0"></a></div>

となります。
「１．画像ウィンドウURL」　と　「２．画像本体URL」　を間違わないでください。
ボクは画像の指定幅▲▲▲を480ピクセルにしています。
これが空欄だと実画像サイズとなります、普通は大きい画像を投稿しますから自分のブログ本文の横幅で調整しください。

あとはこのHTMLタグをブログ本文にコピーペーストするだけです。
例えばサンプルだとこうなります、
　↓
<div align="center"><a href="https://minkara.carview.co.jp/image.aspx?src=http%3a%2f%2fimg01.carview.co.jp%2fminkara%2fblog%2f000%2f014%2f643%2f663%2f14643663%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/643/663/14643663/p1.jpg" alt="" width="480" border="1"></a></div>



HTMLタグってのは書式が決まっています、少しでも欠けたり、改行が入っただけでも場合によってはブログ全体のレイアウトが崩れますので　「初心者」　の方にはあまりすすめられません。

このタグですが、みんカラの「リッチ編集」と相性が悪いです。
最後の</div>と言うタグが消えてしまい、ボクのブログではレイアウトが崩れました。
「リッチ編集」からだけでやった方が無難かも知れません。
その時は
１．画像ウィンドウURL　→　リンクURL
２．画像本体URL　→　画像URL
となります。


この方法で何枚でもブログ本文内にみんカラスタイルで画像を貼り込めます。
みんカラサイドもこのやり方（下書きブログを使う）に問題はないとのことです、画像ウィンドウには広告が表示されますから、大いに推奨したいところでしょう。

ボクはみんカラ投稿画像サイズ制限から、自分のサーバーに画像を置いてます。
HP作成ソフトで「画像をクリックしたらウィンドウを閉じる」というJAVAスクリプトを使ったテンプレートを作り、それにコピーペーストです。