バナーの貼り方② タグについて - 追記修正あり -
前回は、バナータグをまるごとフリースペースに貼るやり方を説明しました。
・それじゃ、タグがないときはどうしたらいいの
・ 直リンしてもいいの
…と いうわけで、今回はタグのお話をします。
今日のサンプルになるリンクバナーはこちら↓
タグはこちらです↓
<a target="_blank" href="http://hama-sush-jp.pro/elve3695/ "><img src="http://stat.ameba.jp/user_images/20100307/15/elve3695/4f/9f/j/o01700081_0170008110441518134.jpg" /></a>
タグというのは、記号や英数字の文字列でできていて、文字のフォントや色や大きさ、改行、画像を挿入するときの大きさや挿入する場所、などをタグで指定します。
このリンクバナーのタグは、２つのタグから構成されています。
１．リンクタグ
| <a target="_blank" href="http://hama-sush-jp.pro/elve3695/ "></a> |
このタグでは、新規にブラウザを立ち上げてページを開くように指定しています。
リンク先ページのURLは、http://hama-sush-jp.pro/elve3695/
通常、トップページのURLを指定します。
２．画像タグ
| <img src="http://stat.ameba.jp/user_images/20100307/15/elve3695/4f/9f/j/o01700081_0170008110441518134.jpg" /> |
画像URLは、
http://stat.ameba.jp/user_images/20100307/15/elve3695/4f/9f/j/o01700081_0170008110441518134.jpg
なお、タグをこのまま使用されると直リンになるので、できれば画像のURLは差し替 えてください。
・画像のURLってどうやって差し替えるの
それでは、画像のURLを取得する方法を２通り説明しますね。
① まず、上のバナーの上にマウスポインターを置いて右クリックし、 「名前をつけて画像を保存」をクリックします。
わかりやすい場所に保存してください。
次に、自分のブログの「ブログを書く」を開いて、保存した画像をアップロードします。
アップロードが完了したら画像フォルダを開いて、「オリジナルで表示」にチェックを入れて「この画像を使う」をクリック。
エディタに貼り付けられた画像を右クリックして「リンクのURLをコピー｣をクリック。
コピーしたURLはメモ帳などに貼り付けて おきます。
貼り付けた画像は消してもかまいません。
これが、ご自分のブログにアップした画像(オリジナルサイズ)のURLです。
http://stat.ameba.jp/user_images/20100307/15/elve3695/4f/9f/j/o01700081_0170008110441518134.jpg
赤い文字の部分は、ひとによって違ってきます。
② 次の方法は、画像をアップロードしたあと、画像フォルダに表示されたサムネイルの上で右クリックで「画像のURLをコピー」をクリック。
コピーしたURLは、メ モ帳などに貼り付けておきます。
http://stat.ameba.jp/user_images/20100322/21/elve3695/bf/a1/g/t02200095_0220009510462530100.gif
この画像URLは縮小されたサムネイルのURLな ので、オリジナルのURLに修正します。
http://stat.ameba.jp/user_images/20100322/21/elve3695/bf/a1/g/t02200095_0220009510462530100.gif
赤い文字
部分を修正します。
http://stat.ameba.jp/user_images/20100322/21/elve3695/bf/a1/g/o0220009510462530100.gif
これで、オリジナルサイズの画像URLになりました。
こ こで最初に戻ります。
| <a target="_blank" href="http://hama-sush-jp.pro/elve3695/ "><img src="http://stat.ameba.jp/user_images/20100307/15/elve3695/4f/9f/j/o0170008110441518134.jpg" /></a> |
画像タグの画像URLの部分を差し替えると、リンクバナーのタグの完成です
最後に、「直リン」について少しお話しますね。
web用の無料素材屋さんに行くと、よく｢直リン禁止」と書かれています。
これは、素材を持ち帰るときに右クリックで「名前をつけて保存」でいったん自分のパソコンにダウンロードした上で、自分のHPやブログに画像をアップロードして使ってください、ということです。
右クリックで「画像のURL」をコピーして、そのURLを自分のHPやブログに勝手に貼り付けて直接リンクするのは困ります
、ということなのです。よそのサイトさんのところで勝手に画像のURLをコピーして自分のサイトに貼り付けることは、控えていただけるとありがたいです。
ですが、えるべのブログでお持ち帰りOKのタグは、そのまま使っていただいてかまいません
[追記]
InternetExplorerでは画像を右クリックしたときのメニューが違っています。
右クリックのプロパティで画像のURLがわかりますので、それをコピーしてください。
次回の記事で詳しく説明させていただきます。
[追記2]
サムネイルの画像URLをオリジナル画像のURLに変更するやり方について誤りがあり、ドンマイ！！さんからご指摘をいただきました。
ご覧いただきました方にはご迷惑をおかけしました。
お詫びの上、修正いたします。
