再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

バナー・リンクの貼り方

《ＨＴＭＬタグの基本知識ＩＮＤＥＸ》

いろいろタグ	テキスト装飾	フォント	テキスト（おまけ）	バナーリンクの貼り方	アクセスアップ	水平区切り線
文字を囲む線	画像の枠	テーブルタグ	豆知識	色の名前	画像リンクの方法	楽天友達の輪

*** バナー・リンクの貼り方 ***

※※※バナーなどの素材は、必ず「画像の倉庫」などに保存したものを使うこと※※※

↑よく「直リン禁止」(直接リンク禁止)っていう言葉みるでしょ。これはマナーだよ。
そうしないとサーバーにすごい負担が掛かっちゃうのです。

《例１》 ochie240のバナーをクリックして「OCHIE’S LIFEﾄﾋﾟｯｸｽ」にジャンプしたい場合！

↓これが、上の《例１》のソースです
<a href="http://plaza.rakuten.co.jp/ochie240"><IMG SRC="http://plaza.rakuten.co.jp/img/user/25/93/2032593/181.gif" width="88" height="31" alt="ochie240だよ♪" border="0"></a>

※くれぐれもこのソースをこのままコピペしないでね。
　画像の上で右クリックして、まず自分のＰＣに保存してから、
　画像の倉庫等に入れて<IMG SRC=のあとの画像のＵＲＬを入れ替えて
　くださいね。でないと、ochieの画像の倉庫に直リンクになるので・・・。

※画像のソースを貼る場合、そのまま貼ると、

のように枠がついてしまうので、
枠をつけたくない場合は、上のソースのように、画像の終わりに　 border="0" 　を追加するといいですよ。
※border="0"の前には必ず半角スペースを入れてね。

最後はしっかり　 </a> 　で閉じてね。

《おまけ１》　カーソルをのせたときに、どこにジャンプするのかを表示する場合

　画像ソースの　alt=" この部分に表示したい文字を入れる "

　　　　　　　　　　　　　　　　　　↑SHOPの名前でもいいし、ジャンプする
　　　　　　　　　　　　　　　　　　　　サイトの説明でもいいしね。

　※試しに、バナーの上にカーソルをのせてみてください。
　　設定した文字が表示されたらＯＫです。

《おまけ２》　ジャンプするページを別のウィンドウで表示したい場合

　リンク先のＵＲＬの後に、　 target="_blank" を追加する。
　target="_blank"の前に忘れず半角スペースを入れてね。

　※例１のソースに追加してみましょう！

↑クリックしてみてね。別のウィンドウが開きますよ。

　※↓ソースはこちら！
<a href="http://plaza.rakuten.co.jp/ochie240" target="_blank" ><IMG SRC="http://plaza.rakuten.co.jp/img/user/25/93/2032593/181.gif" width="88" height="31" alt="ochie240だよ♪" border="0"></a>

《例２》　テキストからジャンプしたい場合

OCHIE’S LIFEﾄﾋﾟｯｸｽ

↑　これも別ウィンドウで開きますよ。

　※↓テキストリンクのソース
<a href="http://plaza.rakuten.co.jp/ochie240" target="_blank"> OCHIE’S LIFEﾄﾋﾟｯｸｽ</a>

《おまけ１》　テキストの下線をつけたくない場合

　リンク先のＵＲＬの後に、　 style="text-decoration:none;" 　を追加する。

OCHIE’S LIFEﾄﾋﾟｯｸｽ

　※↓テキストリンク下線なしのソース
<a href="http://plaza.rakuten.co.jp/ochie240" target="_blank" style="text-decoration:none;" > OCHIE’S LIFEﾄﾋﾟｯｸｽ</a>

《私でも作れたバナー》