『わっち』のblog。。。／姫路在住の『わっち』がカメラを持って旅行・お出かけ・グルメレポート

こんな感じで記事上のリンクにサムネイル（リンク画像）をつけて表示できる方法をご紹介します～

他にもいくつかありますが、今回はMozShotを使います。

簡単にできますので、チャレンジしてみてください

①サムネイルのみ表示する場合
　<img src="http://mozshot.nemui.org/shot?http://相手のURL">

＜例＞
　

②サムネイル表示＋リンクする場合
　<a href="http://相手のURL" target="_blank"><img src="http://mozshot.nemui.org/shot?http://相手先のURL">

＜例＞
　


③サムネイル表示＋リンク＋リンク先説明する場合（サムネイルにマウスを乗せるとリンク先の説明が出ます）
　<a href="http://相手のURL" target="_blank"><img src="http://mozshot.nemui.org/shot?http://相手先のURL" alt="相手先サイト説明">

＜例＞
　


この例による画像サイズは、128px×128pxとなります。。。

応用すれば私のブログのように、いろいろ使えそうですがテンプレート自体をカスタマイズしないとできませんので、
今回は、記事中のリンクで試して遊んでみてください～


＜文例＞（サムネイルにマウスを乗せるとリンク先の説明が出ます）
いつも忙しそうですね？さん
今日も東へ西へでしょうね～
ひょっとして、ところに?

もしかしてのために『逆チョコ』とか買いに行ってるのか？

ん！？ちょっとまてよ・・・

ひょっとしたら社長室でに、
『もっとしっかりせんかい！』って怒られているかも・・・


文例なのでこの物語は『フィクション』です


皆さんも記事に取り入れて、楽しんでみては？