光栄なことにお仕事で埋没しておりました(す)、
女性起業家応援!HP制作事務所Crocusの飯村です(*^ ^*)
お客さまに更新を推奨しているため、良くない見本でございます。。。
今回はインスタグラム(無料で登録ができる、簡単に言えば写真投稿サイト)を
アメブロで活用してみましょうというカスタマイズです。
サイドバーに写真の一覧を表示させます![](https://stat100.ameba.jp/blog/ucs/img/char/char2/304.gif)
(設置参考:当BLOGの右サイドバー、甥っ子vの写真掲載スペースです。)
1) インスタグラムの用意。
スマフォのアプリなので、お手持ちのスマフォで検索して、インストールしてください。
(登録方法などは割愛させていただきます)
2) インスタグラムを表にする方法
以下のサイトにアクセスして、タグを取得します。
http://snapwidget.com/ 英語ですが、翻訳すると以下になります。
設定もそのまま使用すると、96/Crocusと同じ表示になります★
特筆すべく、変更欄を上げると、
●ユーザ名
ご自身のモノにご変更ください。
●ウイジットタイプ
これを変更すると、表示のされ方が変わってきます。
どう表示されるかは「プレビュー」で確認できます。
●レイアウト
表示される段組みの設定です。
3) アメブロに設置
3-1 アメブロ管理画面の右ナビゲーション「設定・管理」ボタンを押します。
3-2 右ページに表示された「プラグインの追加」ボタンを押します。
タブになっている「フリープラグイン」を選択し、
そこに、ウイジットタグをコピーペーストします↓
![](https://stat.ameba.jp/user_images/20150706/17/96crocus/e0/55/g/o0606048013358202269.gif?caw=800)
4) アメブロに設置、あともう少し!
4-1 アメブロ管理画面の右ナビゲーション「設定・管理」ボタンを押します。
4-2 右ページに表示された「配置設定」ボタンを押します。
使用しない機能にある「フリープラグイン」を使用する機能に移動。
この時、表示させたい位置へ移動してください。
女性起業家応援!HP制作事務所Crocusの飯村です(*^ ^*)
お客さまに更新を推奨しているため、良くない見本でございます。。。
今回はインスタグラム(無料で登録ができる、簡単に言えば写真投稿サイト)を
アメブロで活用してみましょうというカスタマイズです。
サイドバーに写真の一覧を表示させます
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/304.gif)
(設置参考:当BLOGの右サイドバー、甥っ子vの写真掲載スペースです。)
活用事例
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/173.gif)
- 商品の写真を掲載 (ネイルサロン・制作系のお店)
- ビフォアー&アフター(整理収納アドバイザー・美容コンサルタント・美容サロン)
左にビフォア、右にアフタ掲載 - デザインをお洒落にしたい方、写真でBlogのデザイン性がUP
- 料理写真を撮って、おすすめレシピ集のチラ見せ
- 勿論、オフでの写真掲載というスタンダード使用も
- 等々、使い方はさまざま!
優れもの!
では、設置方法です。
1) インスタグラムの用意。
スマフォのアプリなので、お手持ちのスマフォで検索して、インストールしてください。
(登録方法などは割愛させていただきます)
2) インスタグラムを表にする方法
以下のサイトにアクセスして、タグを取得します。
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/184.gif)
設定もそのまま使用すると、96/Crocusと同じ表示になります★
特筆すべく、変更欄を上げると、
●ユーザ名
ご自身のモノにご変更ください。
●ウイジットタイプ
これを変更すると、表示のされ方が変わってきます。
どう表示されるかは「プレビュー」で確認できます。
●レイアウト
表示される段組みの設定です。
設定が決まったら「ウイジットを取得します」ボタンを押して、タグを取得します。
3) アメブロに設置
3-1 アメブロ管理画面の右ナビゲーション「設定・管理」ボタンを押します。
3-2 右ページに表示された「プラグインの追加」ボタンを押します。
タブになっている「フリープラグイン」を選択し、
そこに、ウイジットタグをコピーペーストします↓
![](https://stat.ameba.jp/user_images/20150706/17/96crocus/e0/55/g/o0606048013358202269.gif?caw=800)
4) アメブロに設置、あともう少し!
4-1 アメブロ管理画面の右ナビゲーション「設定・管理」ボタンを押します。
4-2 右ページに表示された「配置設定」ボタンを押します。
使用しない機能にある「フリープラグイン」を使用する機能に移動。
この時、表示させたい位置へ移動してください。
以上です![](https://stat100.ameba.jp/blog/ucs/img/char/char2/304.gif)
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/304.gif)
アメブロのサイドバーのスペース、そして、ツール。
折角なので、フルに活かしましょう!を、推奨しています![](https://stat100.ameba.jp/blog/ucs/img/char/char2/123.gif)
今後も、起業家さんに役立つアメブロカスタマイズを更新して参りますよー![](https://stat100.ameba.jp/blog/ucs/img/char/char2/035.gif)
「センス」 「実用性」 という視点で選別してご紹介を心がけています(*^ ^*)
折角なので、フルに活かしましょう!を、推奨しています
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/123.gif)
今後も、起業家さんに役立つアメブロカスタマイズを更新して参りますよー
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/035.gif)
「センス」 「実用性」 という視点で選別してご紹介を心がけています(*^ ^*)