【覚書】 タグ 画像でリンク(パソコン) | ログポッド
パソコンでリンクバナー貼り付け作業してみました

------------
iOSでの作業・解説はコチラ ↓
http://ameblo.jp/stckn/entry-12098198452.html
その検証がコチラ ↓
http://ameblo.jp/stckn/entry-12098214152.html
------------

ではパソコンでの作業を流れに沿って説明します

画像を先に貼り付ける

テスト用バナー 

こう表示されています

普通ですね

タグは次のようになっています

<a href="http://stat.ameba.jp/user_images/20151122/17/stckn/22/cc/p/o0250012013490916179.png"><img id="1448179905252" style="border: currentColor; width: 250px; height: 120px;" alt="テスト用バナー" src="http://stat.ameba.jp/user_images/20151122/17/stckn/22/cc/p/o0250012013490916179.png" ratio="2.0833333333333335"></a>

長ったらしいですが、赤字のところがリンクタグ

黒字が画像のタグ

アメーバは、画像貼り付けすると、プレビューページへリンクを貼り付けます

これを利用します

赤字の中のURLを、飛ばしたいページに置き換えます

<a href="http://ameblo.jp/stckn/"><img id="1448179905252" style="border: currentColor; width: 250px; height: 120px;" alt="テスト用バナー" src="http://stat.ameba.jp/user_images/20151122/17/stckn/22/cc/p/o0250012013490916179.png" ratio="2.0833333333333335"></a>

↓ こうなります

テスト用バナー

私のブログトップに飛ばされます

これで、画像のみのリンクバナーのできあがりあおくま


ではでは