インスタグラム(Instagram)の画像をアメブロのサイドカラムに表示させる方法

snapwidget

インスタグラム(Instagram)の画像をアメブロのサイドカラムに表示させる便利なウィジットブログパーツをご紹介!

アメブロのサイドバーに画像が並んでいると目立ちますよね?!

また、インスタへのアクセスにもなるので、インスタをやっている人にオススメ!

インスタアメブロのサイドバーへ

インスタグラムのウィジット「SnapWidget」

インスタのウィジットを無料で作成できるサービス「SnapWidget

snapwidget

下の方へ移動すると以下のような入力項目があります。

SnapWidget入力項目

UsernameかHashtag

UsernameかHashtagの一覧を表示できます。

UsernameにあなたのインスタIDを入力

Widget Type

アメブロのサイドカラムに表示する場合は、Grid

ホームページ等では、スクロール、スライドショーなどが使えます。

Thumbnail Size

ウィジットの横幅です。2カラムでは300px、テーマによって調整してください。

Layout

横の画像の数×縦の画像の数です。

アメブロだと横2縦3~5くらいがちょうどいいと思います。

Photo Border

画像に枠を付けるかつけないかの設定です。

▼枠なし▼

インスタ枠なし

▼枠あり▼

インスタ枠あり

Background Color

背景に色を付けたい場合に指定

Photo Padding

画像と画像の間のサイズ指定。上の枠あり画像で5pxです。

Hover Effect

画像にマウスを置いた場合、フェードイン、フェードアウトの設定ができます。

Sharing Buttons

FacebookとTwitterのシェアボタンを画像にマウスを置いた場合、表示させるかの設定です。

 

Responsive

レスポンシブに対応するかの設定です。スマホで見たときも見やすいように表示するよう「Yes」に設定しておきます。

Get Widgetを押して、タグを生成

以下をコピーします。

snapwidget

「SnapWidget」をアメブロに設置する方法

プラグインの追加

アメブロのブログ管理>設定管理>プラグインの追加をクリック

アメブロ設定管理

フリープラグインを選択

先程「SnapWidget」でコピーしたタグをペーストし、「保存」

フリープラグイン

サイドバーの配置設定

フリープラグインが使用する機能に入っているか確認。フリープラグインの位置に表示されます。

サイドバーの配置設定

アメブロにインスタの写真を公開したい人は、是非試してみてください♪

スポンサーリンク

この記事を気に入ったらシェアしてね!

検索されるビジネスブログ&濃いリストが欲しい方へ!
【完全無料】ファンを引き寄せラクに売れる!
最新トレンドWEB集客を解説!

広告費0円でファンを引き寄せ、SNS疲れしない“ラクに売れる仕組み”とは?

ファンを引き寄せラクに売れる、ブームで終わらない最新のWEB集客法
Googleの仕組みを知って、Google検索されるブログを作る方法
あなたの価値ある商品・サービスを、必要としている人に届ける方法

これらのノウハウが手に入ります

7日間無料メール講座の内容とは?

1日目:押さえておきたい!WEB集客成功 3つの条件

2日目:Facebook、無料ブログだけでは売れない理由

3日目:今すぐWordPressを持つと良い7つの理由

4日目:現在の正しいSEO手法とGoogleの未来

5日目:ネットで集客する絶対条件とは?

6日目:お客様に直接届けるメルマガ・LINE@の活用

7日目:ファンを引き寄せラクに売れるWEB集客の仕組み

初心者必見!LINE@集客動画講座

LINE@初心者必見!LINE@の基礎知識と運用方法が分かる!LINE@集客スタートアップ講座