ブログFC2ブログ
日本で一番使われているFC2ブログで あなたもブログをはじめよう!
FC2動画 FC2動画
自分で撮った動画を公開!共有!携帯でも利用できる!!
FC2プロフFC2プロフ
自己紹介ページをすぐに公開できるサービス。 今すぐプロフを作ってみんなに見てもらおう!
FC2アフィリエイト
FC2ブログを紹介してお金がもらえる
FC2アフィリエイトに登録しよう!

TOP > 覚書きメモ > title - 画像やバナーをリンクさせる方法

画像やバナーをリンクさせる方法

画像やバナーをリンクさせるには?

掲示板でのmechaさんの質問です。


20060904213630.gif
ところで、自分のブログにこのよーなバナーやアイコンがあってもリンクが張れなくて困っております(T_T)。三毛さんのお役にも立てません~。
自分のブログにもコメレスにはちゃんとリンク出来るんですが、肝心の記事にリンクのURLを記載しても・・・
リンクになっておりませーん。

るんばば教授、どのよーにすれば良いのか?ビギナー向けにアドバイス頂ければウレシイです<(_ _*)>ペコリン



画像の大きさを指定する方法紹介


20060904214223.jpg

普通に画像のツールを使うとこの様にテキスト記入欄にコードが表示されますよね。そして実際に表示されるものは↓

20060904213630.gif

でもこれではバナーをクリックしてもバナー自体が表示されだけで移動したいページへのリンクになっていません。

ではどうすればいいのか?



<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"
この様に書き換えます。

見本です。
20060904213630.gif
クリックすると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>
この様に書かれています。


◆FC2ブログの事でどうしても疑問が解決しない人はFC2ブログ ユーザーフォーラムへ。
★アフィリエイト人気ランキング★  [アフィリエイトとは?]
リンクシェア
の詳細はこちら
エーハチネット
の詳細はこちら
バリューコマース
の詳細はこちら
アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ
コメント
るんばばさん、ありがとうございます☆
バナーを説明に使っていただけるなんて光栄です☆
るんばばさん、本当にありがとうございます!!
これからもずっと素敵なブログでいてくださいね。
私も頑張ります!!
バナー。
バナーを作ったのは三毛猫さんなんですか。
くるくる文字が回転するバナーを作っちゃうなんてすごいですね。
びっくりしました!
これからもお互いがんばりましょうね!
違いますよ~(*^ ー^*)
いえいえ~私がバナーを作れるはずがありません。うあっはは☆
バナーを作ってくださったのはナイショ☆
実は、もうバレちゃってるけど「FC2素敵なブログ同盟」も誰が作ったかわからない
謎のサイトにしておこうと思ってたんです。ずっと。
誰が書いたかわかんないけどいいサイトだな~って思ってもらえるって
究極に幸せじゃないですか☆それを狙ってたんですけど失敗しました(笑)
違いましたか~。
バナー違いましたか~。僕は画像を作ったりするのが基本的な事しかわからないので、
こんな文字がくるくる回転するバナーは作れないのですごいなぁ~と思っちゃいました。
「FC2素敵なブログ同盟」は三毛猫さんが作ったんですか!!(ノ゜⊿゜)ノびっくり!!
いや~、全然知りませんでした。(^^;;
確かに誰が書いたかわかんないけどいいサイトだな~って思ってもらえたら、
すごくかっこいいですよね!( ̄ー☆キラリーン
この記事のトラックバックURL

http://rgrg.blog61.fc2.com/tb.php/516-4cf3dcbb   

Template Designed by DW99