主婦たの

毎日を楽しくすることに興味のある主婦が読書や日々の生活の中で得た学びをまとめています。訪れた方の生活のヒントになれば幸いです。

はてなブログにInstagramのブログパーツを設置する方法

私はInstagramという写真共有SNSアプリにて、自分が書いた日記(ほぼ日手帳)の写真をUPして楽しんでいます。
そのInstagramの更新内容がこのブログからでも見れたらいいのになぁ…と思って、方法を探していました。
そしてこちらの「RSSstagram !!!」というサービスに出会い、無事PC用画面の右側にInstagramブログパーツを設置することができました!

このブログパーツInstagramの最新記事を表示してくれるというものです。

Instagramを更新すると自動で画像が変わるので、一度設置するとメンテナンスいらずで楽しめるのでおススメです。

今回は自分用メモも兼ねてこちらのブログパーツの設置方法をまとめておきたいと思います。
 

設置方法

1.上記のサイトへアクセスし、下へスクロール。ページの中間あたりにある「Login to Instagram」の画像をクリックしてInstagramのIDとパスワードを入力してログインします。

f:id:nantenkotta:20150504221421j:plain

 

2.自分のInstagramRSSのURLが作成されます。上から3番目の項目である「おすすめブログパーツ設定」内にあるスクリプトをコピーしておく。

f:id:nantenkotta:20150504223031j:plain

 

3.自分のブログの編集画面を開き、デザイン設定画面へ。

f:id:nantenkotta:20150504223621j:plain

 

4.上部のスパナアイコンをクリック。「サイドバー」という項目をクリックするとメニューが開きます。

f:id:nantenkotta:20150504224349j:plain

 

5.サイドバーメニュー内で一番下の「+モジュールを追加」をクリックするとウインドウが開きます。

f:id:nantenkotta:20150504225023j:plain

 

6.ウインドウの左の項目の下から2番目「〈/〉HTML」をクリック。右のボックスに2でコピーしたスクリプトをペーストし、ウインドウ左下の「適用」ボタンをクリック。

f:id:nantenkotta:20150504230151j:plain

※「タイトル」の部分は入力しなくてもOKですが、「Instagram」などと入力しておくブログパーツの上部に表示されるため、訪問者に分かりやすくなると思います。

 

7.プレビューにてブログパーツが表示されているのを確認。

問題なければ、左上の「変更を保存する」ボタンをクリック。これを忘れると反映されませんので注意してください。 

f:id:nantenkotta:20150504231136j:plain

※注意:ブログのデザインによって「サイドバー」の場所が違うことがあります。

 

これで設置完了です!

 

Instagramはてなブログを両方更新している方は、是非設置してみてください。

見た目も華やかになりますし、連携することで更新のモチベーションが上がります。

 

自分のブログに合わせてカスタマイズしたい方はこちら↓の記事も参考にしてみてください。 

 

ランキングに参加しております。下のボタンをクリックして頂けると、とても励みになります。

にほんブログ村 主婦日記ブログ 勉強している主婦へ