簡単な説明文付きの画像リンクの設置法

おはようございます。

記事の下の方のリンクについて書かせて頂きます。


これは、よくカスタマイズの事を教えて頂いているネットビジネス研Ｑ室（新館） さんの記事の下の部分の画像です。

このようなリンクは、たぶんプラグインや、スキン本体のHTML、あるいはCSSの設定を組み合わせて造るんだと思います。

ん～ん、自分には、ちょっとハードルが高いので、自分にもご紹介出来る、記事下あたりに設定するといいかもしれないリンクの設定方法をご紹介してみます。


いちばん簡単なのは、このようなものだと思いますが、

＞＞この続きはこちら

これを、簡単な説明文付きの画像リンクにしてみるのはどうでしょうか・・

>>続きはこちら

サイズの違う画像を使ってみました。

>>続きはこちら

>>続きはこちら

（サンプル画像選定のセンスは、この際、問題外の外！！ということで^^;）


この設定のHTMLコードは次のようになります。

<div align="center"><p style="width:150px;border:1px #ff0066 solid;padding:0px 20px 10px 10px;text-align:center;">
<a href="移動先のURL"title="オンマウス時の説明文" target="_blank"><IMG SRC="画像のURL" width="150" alt="(^∇^)"
<font size="4"><font color="#0000ff"><b>＞＞続きはこちら</b></font></font></a>
</p></div>

赤字のURLにそれぞれ、お好みの移動先、画像のURLを貼り付けて下さい。なお、画像の元のサイズが大きいものであっても、自動的に縮小されて表示されます。


こんなちょっとした設定で、ライバルに差をつけられるかもしれませんね^^;

参考になると、うれしいのですが・・


☆ブィブィ-( ^-ﾟ)v