今回は、
はてなブログで画像をクリックすると
指定したURLのリンクに飛ぶようにする方法
を紹介します。
実は簡単です。
＜＜手順です＞＞
１、必要な写真を用意します
２，はてなブログの「写真を投稿」から画像をアップロードします。
３，はてなブログを「編集」から「プレビュー」に移動します。
４．はてなブログのプレビューにある「画像」を右クリックして、「画像のアドレスをコピーする」を選択して画像のURLを、どこかにコピーしておきます。
５，下の公式に当てはめます
<a href="リンク先のURL"><img src="画像のURL"></a>
６、これを、はてなブログで、HTMLで貼り付けます。
７．これで、クリックすると、指定したURLのページに飛ぶように設定することが完了
＜＜実演＞＞
では、実際にやってみますね。
今回は､画像をクリックすると、おっさんのブログの特攻隊関係の記事に飛ぶパターンを作ってみます。
１、必要な写真を用意します
画像はこれにしました。
２，はてなブログの「写真を投稿」から画像をアップロードします。
画像を選び、下にある「選択した写真を貼り付け」をクリックします。
すると、ページに画像がアップされます。
３、はてなブログを「編集」から「プレビュー」に移動
赤で囲んだプレビューを押すと、プレビュー状態になります。
４．プレビュー状態になった、はてなブログにある「画像」を右クリックして、「画像のアドレスをコピーする」を選択して画像のURLを、どこかにコピーしておきます。
５，下の公式に当てはめます
（注意）はてなぶろぐの「編集見たまま」あるいは「HTML編集」の画面で行います。
<a href="リンク先のURL"><img src="画像のURL"></a>
６、これを、はてなブログで、HTMLで貼り付けます。
７．これで、クリックすると、指定したURLのページに飛ぶように設定することが完了
で、実際に完成したのがこれです
実際に､下の画像をクリックすると・・・ちゃんと特攻隊関係の記事に飛びますね。
・・・ということで、簡単ですよね。
