初心者向け！はてなブログでサイドバーに画像付きリンクを貼付けてカスタマイズする方法

　
　
当ブログでは、アプリのアイコン画像とリンク先をサイドバーに表示しています。

これを実現するのに色々調べたのですが、説明したサイトがなかなか見つからなかったので、書きます！
サイドバーにAmazonのアフィリエイトの画像とリンクを貼付けるやり方とかはたくさんあったのですが！

やり方は簡単です！
　
　

サイドバーに画像付きリンクを貼付けるやり方

　
１画像を利用できるようにする
２サイドバーに画像とリンク先を追加する

以上の２ステップです。
　

１画像を利用できるようにする

画像を利用するには、画像をサーバー上にアップする必要があります。
そこで、画像をはてなフォトライフにアップします。nazlife.hatenablog.com
こちらのサイトのお世話になりました！ありがとうございました！

これで、画像がサーバー上にアップされた状態になったので、画像のURLをゲットできます。
　
　

２サイドバーに画像とリンク先を追加する

「デザイン＞カスタマイズ＞サイドバー＞モジュールを追加＞HTML」
ここにコードを書きます。

あとは、４行目の

<img src="画像のURL">

この「画像のURL」のところに、先ほど、はてなフォトライフにアップした画像のURLを貼付けます。
　
そして、３行目の

<a href="リンクしたいサイトのURL">

この「リンクしたいサイトのURL」ところに、サイトのURLを入れればOKです！
　
これで、画像をクリックすると、リンク先に飛べるようになりました！

例えば

こういう感じになります。
　
　
特に、アプリ開発者の方は、アプリの宣伝にご利用ください！