Lomi-Romiより、「YOU、たまには人の役に立つことをしなYO!」といわれ、デザフェス委託参加者の方々でバナーリンクの貼り方がいまいちわからないとの事でしたので簡単にご説明いたします。
んなもん知ってるよこのデコ助が!とか、はぁ~?んなもん興味ねぇし!って方は華麗にスルーしてください。
続きを読むまずはどんなものかというと↓こんなもんです。
画像をクリックするとそのサイトに飛ぶやつです。
上記バナーリンクのタグを見ていきますと、
※コピーする場合は<>を半角に打ち直してください!<a href="http://ameblo.jp/hibikihoshino/" target="_blank"><img src="http://stat.ameba.jp/user_images/20110215/22/3104w/bb/c9/j/t01600160_0160016011052309271.jpg" border="0" /></a>
見づらいですね。色分けしましょう。
<a href="http://ameblo.jp/hibikihoshino/" target="_blank"><img src="http://stat.ameba.jp/user_images/20110215/22/3104w/bb/c9/j/t01600160_0160016011052309271.jpg" border="0" /></a>構成は以下の通りです
①
<a href="http://*******" target="_blank">~</a>これがリンクタグです。"
http://*******"の部分に飛ばしたいサイトのURLをいれます。「 target="_blank"」は別ウィンドウで開きたい時に入れます。
「~」のところに②の画像リンクが入ります。
②
<img src="http://*******.jpg" />これが画像のリンクタグです。"
http://*******.jpg"の部分にご自分の画像フォルダのURLを入れます。
【画像URLの見方(アメブロの場合)】
画像フォルダにアップロードしたサムネイル画像を右クリックすると「画像URLをコピー」がでるのでコピーしてください。アメブロ以外も似たようなもんだと思います。たぶん。
ちなみに、貼り付けるときの画像の大きさも指定できます。今回は省略します。
③
border="0"これはリンクの線が出るかどうかタグです。私はぶっちゃけどうでもいいですが、とりあえず入れておきましょう。
入れ方は②の「~.jpg"」の後ろにつけます。
※「border」の前には半角スペースがはいります。忘れないように!以上です。組み合わせて記事に貼れば完了です。
これであなたも立派なバナラーです。
えらそうに講釈たれましたが、私はまったく素人です。詳しい人ご覧になって間違いがあればご指摘ください。
やっつけでバナーも作りました。
ご自由にどうぞ。
にほんブログ村