はてなブログのサイドバーにInstagramのウィジェットを入れてみた!

何となくブログをカスタムしたくなったのでやってみました!
今回のやり方は、こちらのブログを参考にいたしました。
まずはコードの生成
このページにアクセスして、下にスクロールすると
こんな画面になります。

まずご自身のインスタIDを入力。「Hashtag」の欄は空欄でいいと思います。それ以外はお好みでどうぞ♪
「Preview」をクリックするとプレビューが出るので
いろいろ試してみて自分好みにカスタムしてみては?
これだけで十分楽しい(笑)
デザインが決まったら緑色の「Get Widget」をクリック!

するとこんなウィンドウが出てきます。
線で囲まれた部分のコードをコピー!
このコードをご自身のホームページやブログにご利用ください。
コードの張り付け
ここからは、はてなブログでの操作になります。
ダッシュボード>デザイン
と進みます。

そして、①の工具のマークをクリック。
「サイドバー」をクリック。
「+モジュールを追加」をクリックします。

するとこんなウィンドウが出てくるので「HTML」をクリックします。
まずはお好きなタイトルを入力しましょう!このタイトルはブログに表示されますよー。
そして先ほどコピーしたコードを②のあたりにペーストします。
「適用」をクリックしておしまい!
あとがき
いかがだったでしょうか?
コピペだけなので作業としては楽チンですねー。
これをきっかけに、Instagramでも交流していただければ幸いです!!