はねぺだる

MENU

はてなブログにInstagram(インスタグラム)を表示させる簡単5ステップ

はてなブログにInstagram(インスタグラム)を表示させたい!

ということで、

簡単ステップで設定方法をご紹介します。

 

おしゃれだし、なんか良い感じです!

 

一気に行きますよー!

1.Snap Widgetに登録

snapwidget.com

こんな画面が開かれます。

f:id:Gperu:20160703194513p:plain

 

この画面にある

GET STARTED TODAY をクリック!

 

2.会員登録(無料です)

f:id:Gperu:20160703194728p:plain

 NAMEは好きに決めてください。

MAILとPASSを入力してSIGN UP!!

 

3.好きな表示方法を選ぶ

ログインできるようになるので、

好きな表示方法を選びましょう。

ちなみに私は赤枠のものを選択。

f:id:Gperu:20160703195143p:plain

この画像の下にある箇所(赤枠部分)をクリック !

f:id:Gperu:20160703195259p:plain

 

4.設定したらもう完成!

こんな画面がでてきます。

f:id:Gperu:20160703195945p:plain

下記のものを設定したら GET WIDGET をクリック!

Username:インスタグラムのユーザーネーム

Description:説明文

Thumbnail Size:画像サイズ

Layout:画像表示を何×何にするか

Photo Border:画像と画像の間に線を入れるか

Background Color:背景の色

Photo Padding:画像と画像の間隔

Hover Effect:マウスが画像上にある時の演出方法

Sharing Buttons:共有(シェア)ボタンの有無

Responsive:レスポンシブ対応有無

 

5.あとはURLをコピーして設定するのみ!

設定してGET WIDGETをクリックしたら

こんな画面が出てくるので、

赤枠部分をクリックしましょう!

f:id:Gperu:20160703200601p:plain

 

はてなブログの

デザイン>カスタマイズ>サイドバー>モジュールを追加>HTML

と選択していき、下記の画面を開く!

赤枠内にカーソルを合わせ貼り付け(Ctrl+V)!

f:id:Gperu:20160703200923p:plain

左下にある適用をクリックして、

変更を保存すれば完了です!

 

完成品コチラ

f:id:Gperu:20160703201117p:plain

ね、良い感じでしょう?

 

本日のまとめ

簡単5ステップで

はてなブログにインスタグラムを表示できる!

 

めでたしめでたし。


有名もブロガーもインスタグラム等

写真撮影に利用するカメラ達

 

こんなん買えたらもっと良い写真撮影できるんだろうなぁ。。。