ブログの杜 (Yahoo!ブログ作成講座)

ぶろぐのもり HTMLやWikiでYahoo!ブログをデザインアップして楽しく編集しよう!

全体表示

[ リスト ]

画像の並び替えの方法

画像の並び替えの方法


普通に画像添付からアップロードしますと中央によってしまいます。
さらに複数アップロードすると縦一列に並んでしまい、間に文字を入力できません
しかし、別の方法で画像の表示の仕方をすれば自由に組みかえられます。



1.まずは、ブログ設定で、画像専用の書庫を新しく作って、画像専用の置き場を作りましょう

2.次に新規投稿で非公開の書庫に画像添付で送る

これで画像の貼り付け準備ができます。


3.画像専用の置き場から、送った画像の上にカーソルを合わせ、右クリック→プロパティを開く

4.プロパティのウィンドウが開いたら、そのアドレスをコピーする

5.あとは、画像を載せたい記事へコピーしたアドレスを貼り付けるだけです。

https://blogs.yahoo.co.jp/IMG/ybi/1/e6/45/kagemusyamk1/folder/1393571/img_1393571_24663737_0?20060205142011.jpg ← この様に左よりに、画像が表示されます。

この方法で画像の表示をすると、画像と画像の間に文字を入れることも出来ます。

左に文字を入れることも出来、文字数によっては右へ表示可能→ https://blogs.yahoo.co.jp/IMG/ybi/1/e6/45/kagemusyamk1/folder/1393571/img_1393571_24663737_1?20060205142011.jpg


画像の並び替えの方法(応用編)


テーブルを使うとさらにこのような事が出来ます。
http://blogs.yahoo.co.jp/kagemusyamk1/24634062.html ← テーブルの使い方はこちら

https://blogs.yahoo.co.jp/IMG/ybi/1/e6/45/kagemusyamk1/folder/1393571/img_1393571_24663737_0?20060205142011.jpgこの通りに右横に文字が入れられます。
もちろん間に文字入れもできます。
この通りに左横に文字が入れられます。https://blogs.yahoo.co.jp/IMG/ybi/1/e6/45/kagemusyamk1/folder/1393571/img_1393571_24663737_1?20060205142011.jpg


ソースは下記のように

||[[img(http://img.blogs.yahoo.co.jp/ybi/1/e6/45/kagemusyamk1/folder/1393571/img_1393571_24663737_0?20060205142011.jpg)]]||この通りに右横に文字が入れられます。||
もちろん間に文字入れもできます。
||この通りに左横に文字が入れられます。||[[img(http://img.blogs.yahoo.co.jp/ybi/1/e6/45/kagemusyamk1/folder/1393571/img_1393571_24663737_1?20060205142011.jpg)]]||

この方法の最大の特徴は同じ画像を使うときに
アドレスを貼り付けるだけですので、サーバスペースの節約が出来るのです。

ちなみに、ここのページにある画像は
自分のブログ内の別ファイル(書庫の記事)から持ち込んでいます。

閉じる コメント(24)

顔アイコン

アドレスにカーソルを持っていっても何も出ないんです。青い帯状がでないよ〜〜〜〜!こんな私をお助けください!!足手まといでごめん!!!本当は応用編が夢なんですが・・・トホホ!

2006/4/12(水) 午後 2:42 [ dyna ]

顔アイコン

ウインドウにカーソルを持っていっても何もできないんです。青い帯状の者が出ないよ〜〜〜!助けて〜〜〜〜!足手まといでごめん!!!!

2006/4/12(水) 午後 2:44 [ dyna ]

顔アイコン

カーソルを持って行くだけではだめですよ、またカーソルが手のマークにもなりません、普通のコピペのやり方で出来るはずです。http://blogs.yahoo.co.jp/kagemusyamk1/25073355.htmlでやり方を見てください、 また此方の方法もあります。http://blogs.yahoo.co.jp/kagemusyamk1/25218398.html

2006/4/12(水) 午後 10:25 影武者

顔アイコン

「普通のコピペ」じたいやった事がないよ〜〜〜〜!やり方がどこに載ってるのかわから〜〜〜〜ん!くすん・・・。

2006/4/17(月) 午後 1:30 [ dyna ]

顔アイコン

クリックしながら文字をなぞっていき、青い帯が出てくるのですよ、 その部分がコピペ出来る部分で、あとはカーソルを青い帯の所に合わせて、右クリックでメニューを呼び出し「コピー」して、自分自身がそれを使いたい場所で「貼り付け」です。

2006/4/17(月) 午後 6:55 影武者

顔アイコン

あの、とても勉強になるので転載させて頂きましたーーー!

2006/4/26(水) 午後 2:56 [ ttj*16* ]

顔アイコン

転載させていただきます^^

2006/4/27(木) 午前 10:48 ja-ja馬 姫

初めまして!まだまだブログ製作が未熟なもので、ここで勉強させてもらいました♪早速、実践しました!うまくいって嬉しいです♪ありがとうございます!

2006/5/1(月) 午後 5:05 mer*to*uu

はじめまして☆いろいろ勉強になり、参考にさせてください!

2006/5/6(土) 午後 3:12 [ - ]

顔アイコン

転載させて頂きます。

2006/6/16(金) 午後 2:01 [ かずひさ ]

顔アイコン

使わせてもらいましたぁ〜。

2006/9/30(土) 午前 9:40 [ Kako ]

お勉強のため転載させていただきました!!

2007/4/15(日) 午後 0:11 [ hiro ]

すいません・・・プロパティからアドレスコピーしても画像にならないのですがどうしてでしょうか??アドレスのままです・・・

2007/11/10(土) 午前 10:55 h18*01*_yh

参考になります。さっそく使わせて下さい。

2007/11/19(月) 午前 8:23 MASAKO

顔アイコン

はじめまして。
書庫の非公開にしてもUPされるんですが、。これは
表示しないようには出来ないのでしょうか?
手の空いたときにでも、ご教授願えたら嬉しいです。

2007/12/20(木) 午後 11:30 [ kuniyoshiw ]

顔アイコン

勉強になります。
転載させていただきますので、宜しくお願い致します。

2008/8/5(火) 午前 8:58 Jun

顔アイコン

勉強になりました。
ありがとうございました。

2008/8/6(水) 午後 6:45 [ yummy ]

顔アイコン

参考にさせていただきます!!

2009/1/2(金) 午後 3:53 [ ダンダン英語でdandan ]

顔アイコン

勉強になりますぅ
ありがとうございます

2009/1/26(月) 午後 9:29 [ りららら ]

顔アイコン

転載しますね。
使いますね。
ポチです。

2009/3/22(日) 午後 2:05 pyy*c*29


.
影武者
影武者
男性 / O型
人気度
Yahoo!ブログヘルプ - ブログ人気度について
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

過去の記事一覧

Yahoo!からのお知らせ

検索 検索

ブログバナー

よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
11/30まで5周年記念キャンペーン中!
Amazonギフト券1000円分当たる!
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事