リンクのバナー

質問

http://www.normanet.ne.jp/~h-plus/index.html

上記のサイトのバナー広告を自分のＬＩＶＥＤＯＯＲ　のＢＬＯＧサイトに貼りたいのですが、
画像の上で右クリックでコピー。
投稿画面の記事部分にペーストします。
画像は出ますが、リンクされていません。
どうしてでしょう。
同じ方法でＯＫなケースも沢山ありました。
よろしくお願いします。

回答No.1

345itati · ベストアンサー

>画像の上で右クリックでコピー。
投稿画面の記事部分にペーストします。

この方法では画像のみがコピーされますね。
基本的に画像に対してリンクを貼りたい場合は

<a href="http://リンク先のurl" target="_blank" title="リンク先HP名"><img src="リンクに使いたい画像のurl" width="画像の幅" height="画像の高さ" border="0" alt="画像が表示されない場合の代替テキスト"></a>

とhtmlのタグで記述します。

この場合ですと、
<a href="http://www.normanet.ne.jp/~h-plus/index.html" target="_blank" title="「ハート・プラスの会」"><img src="http://www.normanet.ne.jp/~h-plus/new_hp_parts/botan_banner_a.gif" width="113" height="113" border="0" alt="banner"></a>

(正方形バナーを使用する場合/この書き方だと、バナー画像の外部呼び出しを許可していないと画像が表示されません

と記述すべきですね。
画像が出るのは、取り合えずコピー&ペーストした画像についてはブログのサーバにアップロードが出来ていたからだと思います。

画像をブログのサーバにアップロードして使う場合は<img～の部分が、
<img src="botan_banner_a.gif" width="113" height="113" border="0" alt="banner">
でも大丈夫そうな・・・
ブログにアップロードしたファイル名の前にディレクトリ名がついたり、絶対アドレスでの記述になるようならその様に変更して下さい。

livedoorブログの仕様については未確認なのですが、ブログの機能として、
「画像アップロード」→「画像に対してリンクを貼る」
というようなメニューボタン等から選べる仕様は無いのでしょうか・・・？

>同じ方法でOKなケースも沢山ありました。
・・・基本的にその右クリックコピーでは画像ファイルがコピーされると思うのですが^^;
こちらについては分かりかねます。申し訳ありません。

お礼

ありがとうございました。
画像がどこに存在するかで、記述を変えるわけですね。

私がやったのは、たんに画像のコピペな訳ですね。

＞この場合ですと

から始まる記述で大丈夫でした。ありがとうございました。参考になりました。