gooブログの[IMG]ボタンで拡大画像をそのまま貼り付けるための操作手順です。
サムネイル画像(小さな画像)を貼り付けて拡大画像へのリンクも作成する場合は、「[IMG]ボタン サンプル」の記事をご覧ください。
またこの操作を始める前に、gooブログの画像フォルダに画像ファイルをアップロードし、拡大画像のURLもテキストエディタ(メモ帳)などに一時的に保存済み またはすぐにコピーできる状態にしておいてください。
8番までの操作をした場合は、以下のように表示される。
なお、拡大画像のURLが間違っている場合は、画像の表示されるべき位置に [X] が表示されたりします。
● 質問 複数の画像の貼り付け方がわからない - gooブログサークル
● 画像URLのコピー
● [IMG]ボタン サンプル サムネイル画像(小さな画像)を貼り付けて拡大画像へのリンクも作成する場合
● 大きい写真を貼る サンプル
※ 対象のブラウザ
[キャンセル]ボタンを押すと、本文欄にimgタグだけが入力されることを確認したブラウザは、以下の通り。
● Internet Explorer 6.0
● Firefox 1.0.4
● Opera 8.01
[キャンセル]ボタンを押すと、本文欄にimgタグが入力されないと思われるブラウザは、以下の通り。
● Safari
[OK]ボタンを押して、本文欄に入力された余分な <a href="http://"> と </a> を削除してください。
サムネイル画像(小さな画像)を貼り付けて拡大画像へのリンクも作成する場合は、「[IMG]ボタン サンプル」の記事をご覧ください。
またこの操作を始める前に、gooブログの画像フォルダに画像ファイルをアップロードし、拡大画像のURLもテキストエディタ(メモ帳)などに一時的に保存済み またはすぐにコピーできる状態にしておいてください。
- ブラウザでgooブログの記事投稿・編集画面(ブログ > 編集画面 > 新規記事 または ブログ > 編集画面 > 記事の編集)を表示する。
- 適当なタイトルとカテゴリを指定して、本文欄にブログに投稿したい記事を書く。
ここでは、「書きかけの記事。(改行)この文の直後に[IMG]ボタンで画像を追加する。(改行)」とする。
- 画像を追加するために[IMG]ボタンを押す。
- テキストエディタなどに一時的に保存している拡大画像のURL http://blogimg.goo.ne.jp/user_image/xx/xx/~ をコピーする。
- コピーした拡大画像のURLを、「画像のURLを入力してください」のプロンプトに貼り付けて、[OK]ボタンを押す。
- 「リンク先のURLを入力してください」のプロンプトでは、URLを入力せずに[キャンセル]ボタン※を押す。
- 編集画面の本文欄に、拡大画像(imgタグ)だけが追加される。
- 本文欄に記事の続きを書く。
ここでは、「(改行)[IMG]ボタンを押した直後。(改行) ここは記事の続き。」とする。
- 貼り付けたい画像が複数ある場合は、3番以降を繰り返す。
8番までの操作をした場合は、以下のように表示される。
本文欄の内容 (緑字は[IMG]ボタンで追加された部分) |
---|
書きかけの記事。(改行) この文の直後に[IMG]ボタンで画像を追加する。(改行) <img src="http://blogimg.goo.ne.jp/user_image /35/2c/4c22b0695fe10d67a3d6015ed2196e99.png">(改行) [IMG]ボタンを押した直後。(改行) ここは記事の続き。 |
表示される内容 |
書きかけの記事。 この文の直後に[IMG]ボタンで画像を追加する。 ![]() [IMG]ボタンを押した直後。 ここは記事の続き。 |
なお、拡大画像のURLが間違っている場合は、画像の表示されるべき位置に [X] が表示されたりします。
● 質問 複数の画像の貼り付け方がわからない - gooブログサークル
● 画像URLのコピー
● [IMG]ボタン サンプル サムネイル画像(小さな画像)を貼り付けて拡大画像へのリンクも作成する場合
● 大きい写真を貼る サンプル
※ 対象のブラウザ
[キャンセル]ボタンを押すと、本文欄にimgタグだけが入力されることを確認したブラウザは、以下の通り。
● Internet Explorer 6.0
● Firefox 1.0.4
● Opera 8.01
[キャンセル]ボタンを押すと、本文欄にimgタグが入力されないと思われるブラウザは、以下の通り。
● Safari
[OK]ボタンを押して、本文欄に入力された余分な <a href="http://"> と </a> を削除してください。
めでたしめでたし
ところで、TEXTエディターの[IMG]ボタンや、HTMLエディターの[画像挿入]ボタンを使ってURLのアドレスを貼り付けるのに、メモ帳を使わずに[画像を選択/解除]ボタンで別ウィンドウを出して切り替えて使うのってよくないですか?(邪道?)このほうが初心者には分かりやすいと思うのですが。私の母なんかに「メモ帳にコピー。」と言ったら、紙と鉛筆が出てきそうで…。本当の初心者の方はメモ帳の存在すら知らないと思うのです。
1. [画像を選択/解除] はあくまで画像を選択/解除目的で
画像を選択してから記事を書いているときに[画像を選択/解除]ボタンを押すと、選択済みの画像を解除してしまうので、不用意に関係ないボタンを押す作業をさせたくない。
もちろん、画像フォルダを別ウィンドウで表示することも考えたのですが、2番の理由で却下しました。
2. 区別がしにくい
「メモ帳」のウィンドウと「ブラウザ」のウィンドウの違いは一目瞭然ですが、本文編集の「ブラウザ」のウィンドウと画像フォルダの「ブラウザ」のウィンドウは区別しにくい。
# 操作する上でも、説明する上でも(わは)
3. 手順を細分化したい
画像のURLをコピーする作業と、IMGボタンを利用することは本来別の作業です。また、画像のURLの入手先も画像フォルダのみである理由もないので、「テキストエディタ(メモ帳)」で仕切ることで、その後の応用も容易になると考えました。
4. 一記事は10,000文字まで
タグばっかり使うと、結構この制限に引っかかります。なので、URLを全て揃える(テキストエディタに全て貼り付けてる)手順と[IMG]ボタンを使う手順に分けました。
5. 元の質問
元の質問が、URLのコピーの仕方と画像の貼り方に分かれていたので、回答(サンプル)も分けました。
こんなところです。
PCを使う上で「メモ帳」のようなテキストエディタはとっても便利なので、これを機に「メモ帳」を覚えもらうというのは、どうでしょうか?
実際、こんなサンプルを書いておきながら何ですが、私はメモ帳経由では操作しません。
# というか[IMG]ボタンを使いません…
やっぱり、マルチウィンドウ・マルチタスクを使いこなすのは、もはや初心者じゃないと思います。
# ってメモ帳も別タスクだろ…
1.1枚目を選択ボタンで選んでいる場合ですね、なるほど。
2.確かに区別がつきにくいですね。
3.5.URLのコピーってなじみのない操作ですものね。
4.知りませんでした。
はい、母の
● TEXTエディターでタグを使わない複数写真UP - gooの歩き方 編集後記
http://blog.goo.ne.jp/goonoarukikata/e/fc9daf8dda6b0918a325d15944607d9d