☆リドメでお小遣い稼ぎ＋α☆

ＳＳの撮り方＆保存方法で保存した画像＆素材サイトで保存した画像＆その他画像ＵＰ方法

まずFC2ブログにログインして新しく記事を書くをクリック


　←赤丸で囲ってある画像の所をクリック
　　　　　　　　　　　　　　　　（クリックで拡大）


↓

　参照ボタンをクリックして保存した画像をダブルクリック
　そしてアップロードをクリック（クリックで拡大）
　※ビットマップ形式の画像はＵＰできません

↓

　正常に作業が進めばピンクで下線をしたように
　アップロードが完了しましたと表示されます。
　緑丸で囲った記事を書くをクリック（クリックで拡大）



↓

　
　すると現在書いている記事に
　このようなタグが表示されます。
　


編集中では分けの分からない文字の羅列に見えますがこのまま記事を保存して
ブログを確認すれば画像がＵＰされていることが確認できると思います。
記事編集中にリアルタイムプレビューボタンを押すことでも確認できます。

後は記事編集中にコピー＆ペーストで自分が画像を表示させたい場所に
貼り付ければいいんです…がこのままだと変なので中級編

タグをいじらずにそのまま保存するとブログ上では↓のように表示されます。



↓記事内のこの画像のタグ

その中で画像のＵＲＬは↑の青文字の部分

○画像を固定で表示させたい（クリック出来なくなるようにしたい）
●画像と文字の間に変な改行がはいるのが嫌

…な人は画像ＵＲＬ以外を削除すればＯＫです。



これで記事を保存すればブログ上では↓のように表示されます。



画像がクリックできないのを確認できるでしょうか？

次に画像にマウスを載せた時に表示させる文字を変えたい場合。
今のままだと画像にオンマウスで表示される文字は
↓のように20060705090542.gifです。



そこで変更する必要があるのはタグの赤文字の部分。



alt="20060705090542.gif"の20060705090542.gif部分を変更することで
オンマウスで表示する文字を変えることができます。例えば、豚さんの場合



とすることで↓のようにブログで画像にマウスを合わせた場合に表示されます。



応用編？

サムネイル
大きすぎる画像（ブログに載せきれない画像）を小さく表示させそれをクリックすることで
本来の大きさの画像を表示させることができるようになります。
（jpg,png形式で保存してる画像のみ）

画像ＵＰする際に記事を書く(サムネイルを使用)をクリック



↑サムネイルで投稿した場合967×595の画像でも小さく表示させられます
クリックで元の大きさの画像が表示されることを確認してみてください。

この場合、この画像タグ↓（赤文字は不要部分）



画像の隣に文字
align="left"をborder="0"の後ろに挿入することでテキスト画像の右に表示できます
逆に左に表示したい場合はborder="0"の後ろにalign="right"を挿入。


豚の貯金箱


↑の編集ページ内でのタグは↓になります。



ここで一旦終了です(`･ω･´)ﾉ
ちょっと説明が分かりにくいかもなので暇な時にちょこちょこ直していきます。
他にも画像の表示の大きさの変更方法とかがあるのですがそれは
…次の暇な時に(o´艸｀)ﾑﾌﾌ

>>NEXT　リンク方法　（作成中）

※素材サイト様では自分の欲しい画像を右クリック＆名前をつけて保存でＰＣに保存してください