★　ZERO　★のブログ一覧

　
みんカラブログ本文内の画像は「下書き」に投稿保存してあります。
そのリンクを使っているのですが・・・。

先ほど、ページビュートータル見ていたら・・、ムカシのブログの下書きに投稿保存してある画像が消えてました。

もしかしたらと思っていたけど、やはりある程度期間が経過したら下書き保存画像はサーバー容量ムダ遣いと判断され削除されてしまうようですね。

自分のサーバーへ画像をアップしてリンクを貼っていたこともあるけど携帯からだと他のサーバーの画像が見られないとのクレームでみんカラに置いてました。

まぁ、ブログ以外のみんカラコンテンツ？に置いておけば良いだけのハナシなんだけど。
そうすると本文内で使う画像が別の場所で見えちゃうのがイマイチなんだよねぇ〜。(^^;ゞ。

まー、このへんが無料ブログサービスの限界かもですね。






PS
以前、誰かがみんカラに問い合わせたら、下書きに画像保存しても問題ないとの返答があったのですが、いつのまにやら気が変わったのでしょう。

　
ブログ本文内画像に１ピクセルの枠を付けました。

スタイルシート
　↓
詳細設定
　↓
ブログ
　↓
ブログ画像（div.blogMemo img）に以下を加えます。

border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:black;
border-right-color:black;
border-bottom-color:black;
border-left-color:black;



これで、ブログにアップした画像は過去にさかのぼってぜぇ〜んぶ枠線が付いちゃいます。
枠を付けたくない（HTMLタグを使った本文内）画像には、
　↓
<div align="center"><a href="■" target="_blank"><img src="●" class=" selected" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; " alt="" width="▲" border="1"></a></div>

明示的に枠線を０ピクセルで指定します。
このHTMLタグは画像を指定したサイズでセンタリング表示、画像をクリックすると指定したURLに新規ウィンドウでジャンプさせるというヤツでつ。

　■　クリックして開くページのURL
　●　画像を置いてあるURL
　▲　ブログ内に表示させる画像の横幅の数値（ピクセル）

このタグ内にある　border="1"　は無視されるので無くてもいいでつ。
まぁ、なんと言いますか願望？というか盲腸みたいなもんですなぁ〜。
できればブログのトップにアップした画像だけスタイルシートで制御、本文内画像タグは普通に有効にして欲しいです。(^^;ゞ













　　　　　　

　
ブログに複数の画像を貼り込む方法　そのサンプルの「まさろ〜」さんのコメントにもありますが、画像をブログ下書き以外に置いても見えにくくする方法があります。

*****************
まさろ〜さんにはスタイルシートカスタマイズの際、「クールデザインクラブ -スタイルシート革命- (mcdc)」（グループ）でとてもお世話になりました、ありがとうございます。m(_ _)m
*****************

みんカラフォトギャラリーには画像を８枚投稿できます。
一枚目はコメント必須ですが、二枚目以降はコメントを入れないと表示されないんですよ。
まるで画像を置いてくれと言わんばかりですが・・・
どうせなら一枚目もコメントを入れなければ表示されないようにして欲しかったですね。

最初の一枚目はどうしても表示されてしまうのがネックですが二枚目以降の７枚分を画像置き場にするのもナイスです。
最初にフォトアルバムを１００コ作っておけば・・・・
７００枚置けますね。
とりあえず一枚置いといて、後から使いたい画像を追加でオッケだよん。


そして、そして「まさろ〜」さんに教えてもらったんですが、「みんカラ画像タグ取得ツール」がむっちゃベンリそうです。

こちらの方のブログとみんカラ画像タグ取得ツールで作成したブログを見ればどんなに便利かおわかりになるかと・・・。(^^)

し、しかしながら、すでにみんカラ投稿画像規制サイズ300kbにガマンできないカラダになっちまったので・・・利用できないだす。(^^;ゞ









　　　
　　

　
サンプルで　「ブログに複数の画像を貼り込む方法　その１」　の編集本文を・・・

********************************************************************************************************
普通は、一枚しか貼り込めない画像をブログ本文にいっぱい貼ってみましょう。
それもみんカラアップ画像と同じスタイルで・・・、つまりクリックすると別ウィンドウに画像が表示され、しかもその画像をクリックするとウィンドウが閉じるようにです。
ただし、手動で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%2f642%2f989%2f14642989%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/642/989/14642989/p1.jpg" alt="" width="480" border="1"></a></div>
このように、タイトルと本文には何か書いて「下書きとして保存」有効チェックボックスオンで画像を　<span style='font-size:30px;line-height:130%;'><b>必ず投稿</b></span>　します。
確認画面でも投稿画像が見えますが一時的で消えちゃいますからね。


次に投稿した画像を別ウィンドウに表示させます。
<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%2f246%2f14643246%2fP1.jpg" target="_blank"><img src="https://cdn.snsimg.carview.co.jp/minkara/blog/000/014/643/246/14643246/p1.jpg" alt="" width="480" border="1"></a></div>
そして・・・
これから手動の作業になっていきます。

使うのはこの画像が表示されたウィンドウのURLと画像そのもののURLです。

　１．画像ウィンドウURL
　２．画像本体URL

この二つのURLを手動で編集してブログに貼り込んでいきます。
編集するのはメモ帳でもワープロでも良いですが、ツウはエディタというモノをつかうんですよ。
とりあえず　「ブログ編集メモ」　ってタイトルで文書作ってください。

まず、画像ウィンドウのURLは表示されてますから、URLをコピーペースト。
画像本体URLは画像を右クリックして、
<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>
「イメージのアドレスをコピー」をクリックして「ブログ編集メモ」にペースト。
これはマックOSXサファリの画面ですがウィンドウズでも同じように表示されます。

ここまできたら、こんどはHTMLタグの手動編集になります。
二つのURLをコピーペーストした「ブログ編集メモ」での作業です。


　　　　　<a href='https://minkara.carview.co.jp/userid/335607/blog/14644277/' target='_blank'>続きます。</a>

********************************************************************************************************
　↑
こんな風になります。
これを「ブログ編集メモ」で書いてブログ編集画面にコピーペーストしています。












　

　
画像を指定幅（ピクセル）で中央に表示させて、その画像をクリックすると指定したサイト（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スクリプトを使ったテンプレートを作り、それにコピーペーストです。