はてなブログのサイドバーにInstagramのウィジェットを入れてみた!
何となくブログをカスタムしたくなったのでやってみました!
今回のやり方は、こちらのブログを参考にいたしました。
まずはコードの生成
このページにアクセスして、下にスクロールすると
こんな画面になります。
まずご自身のインスタIDを入力。「Hashtag」の欄は空欄でいいと思います。それ以外はお好みでどうぞ♪
「Preview」をクリックするとプレビューが出るので
いろいろ試してみて自分好みにカスタムしてみては?
これだけで十分楽しい(笑)
デザインが決まったら緑色の「Get Widget」をクリック!
するとこんなウィンドウが出てきます。
線で囲まれた部分のコードをコピー!
このコードをご自身のホームページやブログにご利用ください。
コードの張り付け
ここからは、はてなブログでの操作になります。
ダッシュボード>デザイン
と進みます。
そして、①の工具のマークをクリック。
「サイドバー」をクリック。
「+モジュールを追加」をクリックします。
するとこんなウィンドウが出てくるので「HTML」をクリックします。
まずはお好きなタイトルを入力しましょう!このタイトルはブログに表示されますよー。
そして先ほどコピーしたコードを②のあたりにペーストします。
「適用」をクリックしておしまい!
あとがき
いかがだったでしょうか?
コピペだけなので作業としては楽チンですねー。
これをきっかけに、Instagramでも交流していただければ幸いです!!