はい、きまぐれHTML講座の第2回、

 リンク文字に、ポインタを載せると 文字が右下に動くというヤツです。



まぁ、前回も言いましたが、アフィリエイトするに当たって、リンクに注意を引く 本文の内容が十分である事はもちろんですが、もう少し手を加えてやると、クリック率が高くなります。



では実際に、

 ホームページ作成 便利帳



 動きましたか?



実はこれをするためには、無料ブログ等では、あらかじめHTMLの編集をしなければならないんです。


CSSの方が、より適切なんですが 今回は、HTMLでの方法を。



HTMLの編集で、

---------------------------------------------------------------
<HEAD>
<STYLE type="text/css">
      <!--
      a:link {
      text-decoration:underline;
      color:#0000FF;
      }
      a:visited {
      text-decoration:underline;
      color:#9900CC;
      }
      a:active {
      text-decoration:underline;
      color:#00FF00;
      }
      a:hover {
      text-decoration:underline;
      color:#00FF00;
      position:relative;top:2px;left:2px;
      }
      -->
      </STYLE>
</HEAD>
---------------------------------------------------------------

link :未訪問のリンク
visited :訪問済みリンク
active :リンクをクリックしたとき
hover :マウスが乗ったとき


こんな感じです。


どうですか?  難しくないでしょ?





↓↓いつも応援ありがとう↓↓

 d_03.gif