子供、いらない

はりょ。少子化問題とは関係ありません。
カウンタが345678やその付近の方はベースノートに書き込んでね。

[IMG]ボタン サンプル2

2005-06-18 13:02:00 | junk.test.body
gooブログの[IMG]ボタンで拡大画像をそのまま貼り付けるための操作手順です。
サムネイル画像(小さな画像)を貼り付けて拡大画像へのリンクも作成する場合は、「[IMG]ボタン サンプル」の記事をご覧ください。

またこの操作を始める前に、gooブログの画像フォルダに画像ファイルをアップロードし、拡大画像のURLもテキストエディタ(メモ帳)などに一時的に保存済み またはすぐにコピーできる状態にしておいてください。
  1. ブラウザでgooブログの記事投稿・編集画面(ブログ > 編集画面 > 新規記事 または ブログ > 編集画面 > 記事の編集)を表示する。

  2. 適当なタイトルとカテゴリを指定して、本文欄にブログに投稿したい記事を書く。
    ここでは、「書きかけの記事。(改行)この文の直後に[IMG]ボタンで画像を追加する。(改行)」とする。

  3. 画像を追加するために[IMG]ボタンを押す。
    編集画面でIMGボタンを押す

  4. テキストエディタなどに一時的に保存している拡大画像のURL http://blogimg.goo.ne.jp/user_image/xx/xx/~ をコピーする。
    拡大画像のURLをコピー

  5. コピーした拡大画像のURLを、「画像のURLを入力してください」のプロンプトに貼り付けて、[OK]ボタンを押す。
    拡大画像のURLを貼り付け

  6. 「リンク先のURLを入力してください」のプロンプトでは、URLを入力せずに[キャンセル]ボタンを押す。
    リンク先のURLはキャンセル

  7. 編集画面の本文欄に、拡大画像(imgタグ)だけが追加される。
    編集画面にimgタグが追加された

  8. 本文欄に記事の続きを書く。
    ここでは、「(改行)[IMG]ボタンを押した直後。(改行) ここは記事の続き。」とする。
    編集画面で記事の続きを書く

  9. 貼り付けたい画像が複数ある場合は、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> を削除してください。

最新の画像もっと見る

6 コメント

コメント日が  古い順  |   新しい順
この手順復活! (かつを)
2005-06-18 15:11:47
6/8の[IMG]ボタン仕様変更でこの手順が使えなくなっていたんだけど、6/17の[IMG]ボタン仕様復元でまた使えるようになりました。



めでたしめでたし
返信する
質問です (colin)
2005-06-19 11:36:57
こんにちは。かつをさんの作るマニュアルは説明図入りでさすがですね~。

ところで、TEXTエディターの[IMG]ボタンや、HTMLエディターの[画像挿入]ボタンを使ってURLのアドレスを貼り付けるのに、メモ帳を使わずに[画像を選択/解除]ボタンで別ウィンドウを出して切り替えて使うのってよくないですか?(邪道?)このほうが初心者には分かりやすいと思うのですが。私の母なんかに「メモ帳にコピー。」と言ったら、紙と鉛筆が出てきそうで…。本当の初心者の方はメモ帳の存在すら知らないと思うのです。
返信する
理由はいくつか (かつを)
2005-06-19 12:27:23
理由はいくつかあります。



1. [画像を選択/解除] はあくまで画像を選択/解除目的で

画像を選択してから記事を書いているときに[画像を選択/解除]ボタンを押すと、選択済みの画像を解除してしまうので、不用意に関係ないボタンを押す作業をさせたくない。

もちろん、画像フォルダを別ウィンドウで表示することも考えたのですが、2番の理由で却下しました。



2. 区別がしにくい

「メモ帳」のウィンドウと「ブラウザ」のウィンドウの違いは一目瞭然ですが、本文編集の「ブラウザ」のウィンドウと画像フォルダの「ブラウザ」のウィンドウは区別しにくい。

# 操作する上でも、説明する上でも(わは)



3. 手順を細分化したい

画像のURLをコピーする作業と、IMGボタンを利用することは本来別の作業です。また、画像のURLの入手先も画像フォルダのみである理由もないので、「テキストエディタ(メモ帳)」で仕切ることで、その後の応用も容易になると考えました。



4. 一記事は10,000文字まで

タグばっかり使うと、結構この制限に引っかかります。なので、URLを全て揃える(テキストエディタに全て貼り付けてる)手順と[IMG]ボタンを使う手順に分けました。



5. 元の質問

元の質問が、URLのコピーの仕方と画像の貼り方に分かれていたので、回答(サンプル)も分けました。



こんなところです。

PCを使う上で「メモ帳」のようなテキストエディタはとっても便利なので、これを機に「メモ帳」を覚えもらうというのは、どうでしょうか?
返信する
もちろん (かつを)
2005-06-19 12:33:28
上級者は、ブラウザのウィンドウを複数起動して、コピーや貼り付けすることに気がつくと思いますし、その方が効率がよいでしょう。

実際、こんなサンプルを書いておきながら何ですが、私はメモ帳経由では操作しません。

# というか[IMG]ボタンを使いません…



やっぱり、マルチウィンドウ・マルチタスクを使いこなすのは、もはや初心者じゃないと思います。

# ってメモ帳も別タスクだろ…
返信する
なるほどね (colin)
2005-06-20 01:07:22
素朴な疑問に丁寧にお答えいただいてありがとうございます。

1.1枚目を選択ボタンで選んでいる場合ですね、なるほど。



2.確かに区別がつきにくいですね。



3.5.URLのコピーってなじみのない操作ですものね。



4.知りませんでした。



はい、母ののデスクトップにはメモ帳のアイコンと私の作ったファイルもペッタと置き使い方を説明しておいたのですが、昨日行ったらファイルはしっかり印刷されて、PCの横においてありました。5月までMacを使っていて、ウィンドウを切り替えて操作することをしていなかったのでマスターするにはもうしばらくかかりそうです。
返信する
トラックバックしました (かつを)
2005-11-02 14:02:01
以下の記事にトラックバックしました。



● TEXTエディターでタグを使わない複数写真UP - gooの歩き方 編集後記

http://blog.goo.ne.jp/goonoarukikata/e/fc9daf8dda6b0918a325d15944607d9d
返信する