もののはじめblog

コメント歓迎 ! 
必ずコメントに参ります by iina

BLOGの写真貼付方法

2005年06月10日 | インターネット
浅草界隈の写真集を、整理して『ブックマーク』に設置したのでご覧ください。

ついでに、BLOGの写真貼り付けについてもまとめてみたので、まだ理解されていない方はどうぞ。
編集メニューの本文箇所に、IMGをクリックして写真アドレスをコピーして埋めればOK。
(1) 
ところが、gooでは自動的に ①小さい画像を表示し、クリック後に②拡大画像としている。
ちなみに、②拡大画像アドレスしか入れねば写真(1)をクリックしても何処にも飛ばない。
写真を貼り付けるタグは、 <img src=http://●▲■> のみで充分なので、
 iinaの場合、<img src=    > を覚えてアドレスを入れている。
 此方の方が早い


(2) (タグの仕組みを知る)
 リンクさせる場合は、次のようにリンク先アドレスを入力する必要がある。
 <a href=http://○△□><img src=http://●▲■></a>
 写真(2)をクリックすると、拡大画像が表示される。

(3)
 上2個共、写真枠が出て見辛い。
写真枠を消すには、<img src=http://●▲■ border=0
と、border=0 を入れると良い。
 必要に応じて、枠を消すか残すかを選んでください。

○リンクだけをさせたい場合は、次の通り
 <a href=http://○△□> サイト名 </a>
以上が、
画像の貼付 と リンク の仕方でした。なお、タグは総て半角で入力ください。

お待たせしました。iinaの浅草界隈の写真集にリンクしてみます。
 「写真集」 を クリックして おたのしみください !
 写真は3タイプ用意しています。
 画像一覧の「小さい写真」をクリックすると「中サイズ」。更にクリックすると「原像」。




<xmp>
コメント (9)    この記事についてブログを書く
« 一二三四五六七八九十 | トップ | 奇数篇四字熟語 »

9 コメント

コメント日が  古い順  |   新しい順
絶賛!!! (チューチューマウスと仲間たち)
2005-06-11 07:15:35
絶賛!!! 力作・傑作揃いです! 今朝だけで、3回も訪問しちゃいましたっ! これからもチョイチョイ来ます。そして時々写真を借用させて欲しいです…厚かましいかな?



ウンコビルのウンコの写真は「もんじゃ」のblogの際にウマク撮れなかっただけに、妙に感心しました。
返信する
ありがとうございます (necokichi-04)
2005-06-11 17:38:23
写真貼り付け方法、参考にさせていただきました。とてもわかりやすくて、助かりました。

ありがとうございます。

細かい仕事っぷりに感心してしまいます。
返信する
はじめまして。 (なな☆)
2005-06-11 22:25:43
TBありがとうございます。

おそらく『浅草界隈』ワード検索で訪れて頂いたのかと思いますが、TB頂いた記事よりもこちらの記事には合うかな?と思いました『三社祭』の日の日記より、TB返しさせて頂きました。

良いお天気に恵まれて良かったでしたよね。
返信する
TBありがとうございます (勿忘草)
2005-06-12 00:24:06
浅草はよくおいでになるのですか?これからも行事がたくさんあります。写真を撮りに来て下さい。
返信する
ブックマーク入り (チューチューマウスと仲間たち)
2005-06-12 09:05:36
早速ご快諾いただきありがとうございました。

お言葉に甘えさせていただきたいと存じます。



「言いたい放題」のブックマークに入れさせていただきました。
返信する
見ましたよ~ (ふじこー)
2005-06-13 10:35:59
オンラインアルバム見させてもらいました。

猿回しとウ○チビルの写真がお気に入りです。



僕もオンラインアルバムやりたいんですけど、

ブログで手一杯でなかなか・・・。



返信する
サムネイルと枠の意味 (かつを)
2005-06-14 07:01:35
gooの[IMG]ボタンは妙といえば妙なのですが、[IMG]ボタンの既定の動作が<a href="大きな画像"><img src="小さな画像"></a>となっている理由を推測しました。



・大きな画像を直に貼ると重い

これは、記事の表示方法が「全文表示」で、トップページやカテゴリ表示にしてみると分かるかもしれません。

大きな画像を直接貼っているブログは、重いですよ、特に回線が細い人にとっては。



・表示が崩れる

大きめ(320x240をはるかに超える)画像をそのまま貼ると、テンプレートによっては表示が崩れてしまって大変なことになる。



これらを考慮?して、<a href="大きな画像"><img src="小さな画像"></a>なのじゃないかなと思います。



詳しく?は、トラックバック記事を見ていただければと思います。

● 大きい写真を貼る サンプル

● [IMG]ボタン サンプル
返信する
ありがとうございます。 (あやのすけ)
2006-10-16 21:20:13
職人ですね!

上記の方法で概要文にも写真が貼り付けられますか?

iinnaさんみたいに写真入りの概要文にしたいんです。

何回もすみません。

また、お暇の時にご教授下さい。



お馬鹿なので実際にやってみないとまだよく理解

できていないんです(涙)
返信する
(ハレタロウ) さん こへ (iina)
2021-03-29 08:39:32
映画「THE BORDER」は、国境警備隊の腐敗を描いた社会派サスペンスなのでしたか。( ..)φメモメモ

ブログを編集すると、タグの BORDER をよく使います。

ボーダー【border】 の解説を調べてみました。
1 へり。縁。端。
2 国境。また、境界。「ボーダーライン」
3 布などのへりに施された装飾や模様。

ブログに貼り付けた写真枠を消すには、border=0 を使うと好いです。
<img src=http://●▲■ border=0>

アクセス解析に残った (ハレタロウ)さんを訪ねて関連のコメントにしました。m(_ _)m

    (ハレタロウ)さんの当該ブログアドレスをコメント上に置きました。
返信する

コメントを投稿

インターネット」カテゴリの最新記事