人気ブログランキング | 話題のタグを見る
画像付きリンクを作成してみよう!
メモ帳の有用性から、こんなことができるよねということで。

今現在のメニュー欄ではそのようになっているが、
「画像付きリンク集」の作り方を載せてみる。

使うタグはこちら。
<img src="URL"></img>
<a href="URL"></a>

ということで例えばこんな感じ。
---------------------------
人気blogランキング
参加中!今日のランキングは??

---------------------------
しかし、このリンクを1回押してみよう。
上記だと実はリンクに飛んでくれるものの、自分のブラウザをそのまま利用して行ってしまう。
そこで新しいブラウザを起動して開くためにはこちらのコードを追加する必要がある。
target=_new
ということで作成したのがこちら。
---------------------------
人気blogランキング
参加中!今日のランキングは??

---------------------------
んーこれだとちゃんとブラウザが開いてくれるぜ。
ちなみにborder=0も追加したので、リンク線も消えてます。

ということでこちらのコードを公開!!
このままコピペで使えます。

<A HREF="http://blog.with2.net/link.php/2638" target=_blank>人気blogランキング</A>
参加中!今日のランキングは??
<A HREF="http://blog.with2.net/link.php/2638" target=_blank><img src="http://pds.exblog.jp/pds/1/200404/14/48/a0012748_172535.jpg" border=0></a>

コピペしたら赤い部分を自分のリンクに書き換えればOK!!

⇒4月22日追記!
現在の状況の動き&囲み線付きの設定方法はこちら
by hd_1200 | 2004-04-16 10:20 | ブログ・設定


<< Step8:取り付けして完成!! メモ帳の有用性 >>