d02914aaa63d35dc765cb9fc1d30bb17_s

ブログに書くほどではないようなコトを、インスタグラムやツイッターで投稿すると思いますが、それをブログに載せることで、ブログの活発さのアピール・ブログの見栄えのよさ・ブログの情報の厚みUPにつながります。

では、Instagramのタイムラインをブログに表示させるためのサービス Snapwidget を紹介します。

Snapwidgetとは

snapwid01

・サービス内容
あなたがInstagram,Twitter,Facebookに投稿した画像や動画を、あなたのブログに自動的に表示させるサービスです。

・利用のためにすること

アドレス登録さえすれば、無料ですぐに利用できるようになります。
（有料版では、ウィジェットをクリックした時に、直接、あなたのインスタアカウントに飛びます。
無料版では、サムネイルをクリックした時に、Snapwidgetの広告付きページであなたの投稿が表示されます）

snapwid02

Snapwidgetの使い方

インスタグラム用のウィジェットは、合計１０種類用意されています。（2017/09/11現在)
うち５種類が無料版で、残りの５種類がそれらの有料版です。

ここでは、グリッド版で進めていきます。

グリッド表示はこのように、投稿画像が並べて表示されます。
snapwid_grid

１．まずは「CREATE A NEW WIDGET」（青い部分）をクリックする。

snapwid03

２．アカウント登録画面が表示されるので、適当な名前と、メールアドレスを登録します。
snapwid02

３．アカウント登録後、再び「CREATE A NEW WIDGET」をクリックすれば、以下の画面が表示されます。「Username」欄に、あなたのインスタグラムのアカウント名（ユーザー名）を入力します。

snapwid_username

アカウント名を登録すると、プレビュー画面にあなたの投稿写真が表示されます。

４．「GET WIDGET」をクリックすると、コードが表示されますので、「COPY TO CLIPBOARD」をクリックします。

snapwid_getwid

snapwid_code

あとは、ブログの貼り付けたい位置に、コピーしたコードを貼り付けるだけです。

Snapwidgetの詳細設定

細かい設定をする場合は、以下のページで調整できます。

snapwid_detail

①Thumbnail Size
各投稿写真のサイズを設定できます。

②Layout
列の数、行の数を設定できます　
各ブログに合うような形で設定しましょう。

③Photo Border
こちらはYesにしてもあまり変わらないです。

④Background Color
ウィジェットの背景の色をカラーコードで指定できます。
カラーコード参照

⑤Photo Padding
写真と写真の間の幅を設定できます。

⑥Hover Effect
写真にマウスを乗せたときの反応を設定できます。
None 　何もなし

Fade In 　サムネイルにぼかしがかかり、マウスを乗せるとボカシがなくなって元の画像に。

Fade Out 　マウスを乗せると、ぼかしがかかり、マウスを離すとぼかしが消える。

Zoom In 　マウスを乗せると、サムネイルがズームアップされる。

Likes&Comments 　いいねの数、コメントの数がマウスを乗せると表示される。

⑦Sharing Buttons
Yesにすると、Facebook・Twitter・Pinterestのシェアボタンが、マウスを乗せた時に表示されます。

⑧Responisive
Yesにすると、スマホやタブレットのサイズに自動でフィットします。
スマホでも表示させたいなら、設定すべきです。