• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+
イイね!
2005年12月09日

ブログに複数の画像をUPする方法

ブログに複数の画像をUPする方法を教えてほしいというご要望がありましたので、ご説明したいと思います。

通常ブログに画像をUPする際には、自分のPCの中の任意のフォルダから選んでUPしますが、基本的にやり方が異なります。

掲載したい写真を一度「カービューサイト」にUPしてから、そこのURLを使うというすこし回りくどいやり方を取らなければなりません。
※もしもっと簡単なやり方がある、という方がいたら教えてください<(_ _)>

なので、わたしは掲示板を写真置き場にしていますが、そのほかにもスタイルシートの画像をストックしておく場所に保存しておいてその「URL」を使うというやり方もありです。

ではあらかじめ「掲示板」か「スタイルシート用画像」のところにUPしたい写真をあげておいてから作業を始めましょう。


まずはブログ編集画面の「本文」というところにこのような表示があると思いますが、そちらの「画像」を挿入したい場所にカーソルを置いておいてクリック。

すると
このような画面が出てきますので、そこに写真のUPしておいたリンク先の「URL」を入力します。

ここで気をつけてください!
このままでは画像はUPされません!
入力すると、指定した「URL」の文字列の前に
「http://carlife.carview.co.jp/Image.asp?」
というのが表示されますので、この部分は削除してください

そうすると、
「<>」の間に『img src="「指定したURL" border="0"』
というように表示されます。

このままだと、↑の画像のように画像が表示され、この画像指定後の文字は画像の下に表示されます。

画像が大きい場合はブログページのスタイルが崩れてしまうので、「border="0"」の後に半角でスペースを空けて「width="数値"」というように入力しましょう。
たとえば、"250"で打ち込んでみてください。この数値が大きくなれば掲載される画像は大きくなりますし、小さくすれば画像は小さくなります。

"250"に指定してみます。


"150"に指定してみます。

また、さらにこの後に半角スペースを空けて「align=left」を挿入すると
文字がこのように画像の右側に配置されます。この画像指定の後に画像をさらに指定すれば、




































ということもできます。

うまく説明できたでしょうか?




ブログ一覧 | スタイルシート講義 | 日記
Posted at 2005/12/09 10:18:03

イイね!0件



今、あなたにおすすめ

この記事へのトラックバック

ただいま、練習中・・・ From [ 明るく楽しくのんびりと・・・お銀のおも ... ] 2005年12月9日 13:55
としぽっちさんのブログを参照して、さっそく、練習・・・ こんにちはベリーサです。 こんばんはベリーサです。 おはようベリーサです。 行ってきますベリーサです。 出来たーw!!!
今日はヂーラーにこれ持って行きました。 From [ 納車まであと3日!!!!!!!!!!! ... ] 2006年3月4日 00:55
PIAAのホーンでおま。これは低音、中音、高音が選べて買えるものです。その中で僕は低音と中音を選びました。高音は物凄く通る音なのですがあくまでもファッション的な意味合いが強く、別にそこまで通る必要も ...
ブログ人気記事

実録「どぶろっく」36 「自分が、 ...
桃乃木權士さん

梅雨前に! GW中に撥水処理をして ...
ウッドミッツさん

キリ番ゲット
2.0Sさん

やって来ました大阪なんば_2
コーコダディさん

ヌーベル・シノワ
GRASSHOPPERさん

みんな大好き日高屋!
z-keiさん

この記事へのコメント

2005年12月9日 10:24
うむうむ!!
毎度のことですが、めっちゃ勉強になりますわ♪

でも、おいらは基本的にあまり写真撮らないからなぁ~~!!!

((φ┫ ̄Д ̄ ┣ ホォホォ
コメントへの返答
2005年12月9日 10:34
UPしながら修正かけていったので、破壊神さんが見たときはまだ作成途中だったかな?

こんな感じになります。
2005年12月9日 13:37
初めまして!ベリーサ乗りのお銀♪♪♪♪♪ですw
わかりやすい説明ありがとうございます!
出来ましたw
コメントへの返答
2005年12月9日 13:45
はじめまして!

お役に立てたようで、うれしい限りです。
1枚目と2枚目の写真が重なっているので、改行で2枚目のタグを下げてやると重ならないで表示されますよ!
2005年12月9日 14:28
(・∀・)ニヤニヤ

これはできるよ~

(・∀・)ニヤニヤ

でも、わかりやすい説明ですね~
コメントへの返答
2005年12月9日 14:30
(・∀・)ニヤニヤ

マイロさん上手に使ってるもんね♪

(・∀・)ニヤニヤ

わかりやすくって、難しいのねん♪
2005年12月12日 12:00
はじめまして、お銀♪♪♪♪♪さんの所から飛んできました。
画像のサイズの変え方を知らなかったので、すごく参考になりました。
ありがとうございます。

コメントへの返答
2005年12月12日 12:34
はじめまして!
わかりましたでしょうか?
ちょくちょくとUPしていくので、これからも覗いてみてくださいね^^
2006年3月4日 1:19
すいません!2重トラバになってしまいました。ページを醜くしてしまって申し訳御座いません。
コメントへの返答
2006年3月4日 8:26
ありがさん(^ー^)ノ
1こけしといたっす。
2006年3月21日 23:58
はじめまして、まゆちんと申します。
参考にさせていただきました。
どうもありがとうございました。
コメントへの返答
2006年3月22日 7:27
はじめまして^^
参考になりましたか?
力になれてうれしいです。
2008年2月12日 7:58
はじめまして!
今まではスタイルシートを使ってたんですけど、スタイルシートの枚数にも限界があるしぃ~と悩んでおりました(^^;)

大変参考になりました!
どうもありがとうございました!
コメントへの返答
2008年2月12日 10:26
はじめまして!

ご丁寧にありがとうございました^^
応用として、掲示板にUPさせた写真をブログのほうにもってくるやり方もありますよ~♪

プロフィール

「[パーツ] #i-MiEV タイヤチェーン スピーディアSX https://minkara.carview.co.jp/userid/131272/car/1994801/9591830/parts.aspx
何シテル?   12/12 12:06
大型犬2頭と猫4匹と暮らすおっさん。 車はもう飽きた。今はバイクに夢中。
みんカラ新規会員登録

ユーザー内検索

<< 2024/4 >>

 123456
78910111213
14151617181920
21222324252627
282930    

愛車一覧

三菱 eKクロス 三菱 eKクロス
i-MiEVの後継機として、納車。 <グレード> T 4WDのターボ車。 <走り> ...
三菱 アウトランダーPHEV 三菱 アウトランダーPHEV
G セーフティーパッケージ <オプション> ・100V AC電源 ・急速充電 ・リモー ...
ホンダ その他 ホンダ その他
7.2PSの2ストモデル♪ 通称名 Dio ZX 車名・型式 ホンダA-AF35 ...
スズキ その他 スズキ その他
SUZUKI STREET MAGICⅡC50 形式:BB-CA1LB 全長、全幅、全高 ...
ヘルプ利用規約サイトマップ

あなたの愛車、今いくら?

複数社の査定額を比較して愛車の最高額を調べよう!

あなたの愛車、今いくら?
メーカー
モデル
年式
走行距離(km)
© LY Corporation