画像やバナーをリンクさせる方法
画像やバナーをリンクさせるには？
掲示板でのmechaさんの質問です。
ところで、自分のブログにこのよーなバナーやアイコンがあってもリンクが張れなくて困っております(T_T)。三毛さんのお役にも立てません〜。
自分のブログにもコメレスにはちゃんとリンク出来るんですが、肝心の記事にリンクのＵＲＬを記載しても・・・
リンクになっておりませーん。
るんばば教授、どのよーにすれば良いのか？ビギナー向けにアドバイス頂ければウレシイです<(_ _*)>ﾍﾟｺﾘﾝ
画像の大きさを指定する方法紹介
普通に画像のツールを使うとこの様にテキスト記入欄にコードが表示されますよね。そして実際に表示されるものは↓
でもこれではバナーをクリックしてもバナー自体が表示されだけで移動したいページへのリンクになっていません。
ではどうすればいいのか？
<a href="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gif" target="_blank"><img src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gif" alt="20060904213630.gif" border="0"></a>
ここで画像ツールに表示されているコードを少し詳しく解説したいと思います。
<a href="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gif" target="_blank">
最初の赤字の部分がページをリンクさせるための部分です。a hrefっていうのが目印です。http://〜〜がリンク先のアドレスです。ここに画像のアドレスが入っているからクリックしても画像しか表示されません。
<img src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gif" alt="20060904213630.gif" border="0">
次の青字の部分が画像の表示をあらわしている部分です。img srcっていうのが目印です。imgなので（画像を英語でImage）なのでわかりやすいですよね。http://〜〜が画像のアドレスです。
</a>
最後の/aは、一番最初にある[a href]の「ここからリンクが始まりますよ」っていう合図のaの相棒で「ここでリンクが終わりですよ」という/aです。
つまりリンクをさせたいときは最初の赤字の部分
<a href="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gif" target="_blank">の、
http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gifを移動させたいのページのアドレスに書き換えてあげればリンクさせることができます。
例えばYahoo！だったらアドレスがhttp://www.yahoo.co.jp/なので、
a href="http://www.yahoo.co.jp/" target="_blank"
この様に書き換えます。
見本です。
クリックするとYahoo!に移動します。
<a href="http://www.yahoo.co.jp/" target="_blank"><img src="http://blog-imgs-41.fc2.com/r/g/r/rgrg/20060904213630.gif" alt="20060904213630.gif" border="0"></a>
この様に書かれています。
|
｜
｜- 覚書きメモ |
- Comment (4) |
- Trackback (0) |
- ▲
コメント
- るんばばさん、ありがとうございます☆
- バナーを説明に使っていただけるなんて光栄です☆
るんばばさん、本当にありがとうございます！！
これからもずっと素敵なブログでいてくださいね。
私も頑張ります！！ - 20060907 |
三毛猫さん ＠管理人 #-
- [Edit]
- バナー。
- バナーを作ったのは三毛猫さんなんですか。
くるくる文字が回転するバナーを作っちゃうなんてすごいですね。
びっくりしました！
これからもお互いがんばりましょうね！ - 20060908 |
るんばばさん ＠管理人 #c8dTRiQ2
- [Edit]
- 違いますよ〜(*^ ー^*)
- いえいえ〜私がバナーを作れるはずがありません。うあっはは☆
バナーを作ってくださったのはナイショ☆
実は、もうバレちゃってるけど「ＦＣ２素敵なブログ同盟」も誰が作ったかわからない
謎のサイトにしておこうと思ってたんです。ずっと。
誰が書いたかわかんないけどいいサイトだな〜って思ってもらえるって
究極に幸せじゃないですか☆それを狙ってたんですけど失敗しました（笑） - 20060909 |
- [Edit]
- 違いましたか〜。
- バナー違いましたか〜。僕は画像を作ったりするのが基本的な事しかわからないので、
こんな文字がくるくる回転するバナーは作れないのですごいなぁ〜と思っちゃいました。
「ＦＣ２素敵なブログ同盟」は三毛猫さんが作ったんですか！！(ノ゜��゜)ノびっくり!!
いや〜、全然知りませんでした。(^^;;
確かに誰が書いたかわかんないけどいいサイトだな〜って思ってもらえたら、
すごくかっこいいですよね！(￣ー☆キラリーン - 20060911 |
- [Edit]
この記事のトラックバックURL
http://rgrg.blog61.fc2.com/tb.php/516-4cf3dcbb
』をクリックするとメニューが開きます。
