【教えてくん】コミュニティーなのです。

なんかニュースとかあったらここに書こうかと思ってますよ。とりあえず、おいらのブログ

 

画像をアップロードしてブログに貼る方法 : jn

jn ([info]jn) 投稿者,
@ 2006-07-22 19:33:00


Previous Entry  Add to memories!  Tell a Friend!  Track this entry  Next Entry


現在のヒトコト: おなかすいた
タグ: ASKS

画像をアップロードしてブログに貼る方法
手元にある画像ファイルをブログに貼りたい。でもやり方がわかんない。そんなあなたに

ASKSには画像のアップロード機能がありません。プロフィール画像は貼れるけど、サイズに制限があるし数も3枚まで。そこで、無料で使える画像ホスティングサービスに画像ファイルをアップロードしてブログに貼り付ける方法を説明します。
なお、記事中の画像はクリックすると拡大表示されます。

まず、貼り付けたい画像ファイルをアップロードします。今回は、xs.toというサービスを利用してみます。



I. 画像ファイルのアップロード
1. http://xs.to/にアクセスします
2. [参照]ボタンを押してアップロードする画像ファイルを選びます
3. [I accept the xs.to Terms of Service]チェックボックスにチェックを入れます(規約への同意)
4. [Host image!]ボタンを押します。これでファイルがアップロードされます


5. アップロードが完了するとこのような画面になります


6. 下の方にスクロールすると、テキストボックスが7つ並んでいて、そこに画像のURLやリンク用のHTMLが書かれています


これらの中から、ブログの編集方法に合わせて必要なものをメモ帳などにコピペしておきます。ブログをリッチテキストモードで編集する場合は次のII-Aを、デフォルトのテキストモードで編集する場合は後半のII-Bを読んでください。なお、HTMLの知識があるかたはヲレさんのページにあるヲレ専用画像貼り付けテンプラを見たほうがわかりやすいと思います。


II-A. リッチテキストモードでブログを編集している場合
ブログをリッチテキストモードで編集するなら一番下をコピペします。これはアップロードした画像のURLです。


●画像のURLの例
http://xs203.xs.to/xs203/06296/DSCF0019.JPG


III-A. リッチテキストモードでブログに画像を貼る
1. 画像を貼り付けたいところで[イメージ挿入/編集]ボタンを押します


2. [イメージ プロパティ]ウィンドウが開きますので、メモ帳などに控えておいた画像のURLを[URL]テキストボックスにコピペします


3. [代替テキスト]テキストボックスに画像の説明文を入力します
4. [幅][高さ]テキストボックスに表示するサイズを入力します。表示サイズなどの調整がすんだら[OK]ボタンを押します


5. これで画像が挿入されました。マウスで本文と画像の位置関係を調整することも可能です



II-B. テキストモードでブログを編集している場合
ブログをテキストモードで編集する場合は、画像の表示方法によって次の2つからどちらかを選びます。
ブログに小さい画像(サムネイル)を表示して、それをクリックしたら大きな画像が表示されるようにするなら上から3つめを、アップロードした画像そのものをブログに貼るなら上から6つめをコピペしてください。


コピーしたHTMLは次のようになります。title=""の赤文字部分は画像の説明に書き換えておくとよいでしょう。
●サムネイルを表示する場合のHTMLの例(上から3つめ)
<a href="http://xs.to/xs.php?h=xs203&d=06296&f=DSCF0019.JPG" target="_blank"> <img src="http://xs203.xs.to/xs203/06296/DSCF0019.JPG.xs.jpg" title="Free image hosting powered by xs.to"></a>

●画像をそのまま貼り付ける場合のHTMLの例(上から6つめ)
表示される画像はxs.toのトップページにリンクされます。緑文字部分を削除するとリンクになりません。
<a href="http://xs.to"><img src="http://xs203.xs.to/xs203/06296/DSCF0019.JPG" title="Free image hosting powered by xs.to"></a>


III-B. テキストモードでブログに画像を貼る
メモ帳などに控えておいた画像へのリンクHTMLを画像を挿入したいところにコピペするだけです。

ヲレさんのヲレ専用画像貼り付けテンプラにサイズ調整のやり方などが解説されています。ぜひご覧ください。


【xs.toに関して】
xs.toに次のような画像をアップロードしてはいけません。他人の権利を侵害するもの、エッチなもの、グロなもの、地図など。また、3ヶ月アクセスがないとファイルが削除されます。
xs.toのトップページにある「My Files」のリンクから今までにアップロードした画像を見ることができます。アップロード可能なのは500枚までです。
xs.toはアカウントを取得しないで利用可能ですが、アカウントを取っておかないとOSをインストールし直したり、WebブラウザのCookieを消したときに写真の管理ができなくなります。メールアドレスだけで簡単にアカウントを取得できるので、継続利用するなら取っておくことをお勧めします。