Instagramをブログに貼る手順とRT方法

Instagramは写真がキレイに加工できてイイよね～。動画UPも操作が簡単で15秒まで。外部アプリを使えばRTもできるらしい。（これについては後半で）
まずはブログに貼る方法。アメブロでは、YOUTUBE同様にブログ本文・フリープラグイン・メッセージボードに貼ることができます。

シェアしたいInstagram動画・写真を表示します。右下の 「 … 」 をクリックすると 「 埋め込み 」 というポップアップが出てきます。

「 埋め込み 」をクリックすると、埋め込みコードが表示されます。
「キャプション」にチェックが入っている場合は、右側に表示されている文字投稿を含んだウェブパーツになります。チェックをはずすと、写真・動画のみで構成されます。
「埋め込みコードをコピー」をクリックして「埋め込みコードがコピーされました」と表示されたら、コピー先の入力フォームへコピペ。


基本設定が658ピクセルなので、小さくしたい場合は下記参考コードで赤文字にした 「 max-width:658px 」 の数値をお好みのサイズに変更する。参考画像は400px。
フリープラグインは入力可能文字数制限があるので、複数表示したい場合なるべく短いコードが良い。青文字のテキストは削除しても問題ない。(他に削除してOKな部分あったら教えてください）

●キャプションなし●

-


< blockquote class="instagram-media" data-instgrm-version="4" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://instagram.com/p/4LeFy-rKye/" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_top">Ayako  Tokitaさん(@risknote)が投稿した動画</a> - <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2015-06-21T05:19:40+00:00">2015  6月 20 10:19午後 PDT</time></p></div></blockquote><script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

●キャプションあり●
参考画像は300px。

Ayako  Tokitaさん(@risknote)が投稿した動画 -


< blockquote class="instagram-media" data-instgrm-captioned data-instgrm-version="4" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:658px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:8px;"> <div style=" background:#F8F8F8; line-height:0; margin-top:40px; padding:50% 0; text-align:center; width:100%;"> <div style=" background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAGFBMVEUiIiI9PT0eHh4gIB4hIBkcHBwcHBwcHBydr+JQAAAACHRSTlMABA4YHyQsM5jtaMwAAADfSURBVDjL7ZVBEgMhCAQBAf//42xcNbpAqakcM0ftUmFAAIBE81IqBJdS3lS6zs3bIpB9WED3YYXFPmHRfT8sgyrCP1x8uEUxLMzNWElFOYCV6mHWWwMzdPEKHlhLw7NWJqkHc4uIZphavDzA2JPzUDsBZziNae2S6owH8xPmX8G7zzgKEOPUoYHvGz1TBCxMkd3kwNVbU0gKHkx+iZILf77IofhrY1nYFnB/lQPb79drWOyJVa/DAvg9B/rLB4cC+Nqgdz/TvBbBnr6GBReqn/nRmDgaQEej7WhonozjF+Y2I/fZou/qAAAAAElFTkSuQmCC); display:block; height:44px; margin:0 auto -44px; position:relative; top:-22px; width:44px;"></div></div> <p style=" margin:8px 0 0 0; padding:0 4px;"> <a href="https://instagram.com/p/4LeFy-rKye/" style=" color:#000; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none; word-wrap:break-word;" target="_top">東北出身＆在住「ボクセカ（ボクにうつる半分のセカイ）」 7月19日(日) 渋谷DESEOワンマンに向けて鋭意活動中！
 あと１ヶ月、皆さんのクチコミが頼りです！
 SNSフォローと拡散よろしくお願いしまーす！
 http://bokuseka.html.xdomain.jp  Vo.峻大(タカヒロ)
 https://twitter.com/bokuseka_tkhr
 http://ameblo.jp/bokuseka-tkhr/  Ba.有末(アリスエ)ソラ
 https://twitter.com/bokuseka_esora
 http://ameblo.jp/bokuseka-sora/  Gt.Reita(レイタ)
 https://twitter.com/bokuseka_reita
 http://ameblo.jp/bokuseka-reita  Dr.紗倉 秋(サクラ シュウ)
 https://twitter.com/bokuseka_syu
 http://ameblo.jp/bokuseka-syu</a></p> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;">Ayako  Tokitaさん(@risknote)が投稿した動画 - <time style=" font-family:Arial,sans-serif; font-size:14px; line-height:17px;" datetime="2015-06-21T05:19:40+00:00">2015  6月 20 10:19午後 PDT</time></p></div></blockquote>
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>

 Instagramをリツイートする方法 
インスタグラム自体にはリツイート機能が無いのですが、「Repost for Instagram」というアプリを使えばRTできることが判明！お気に入りをどんどん拡散しちゃおう

ダウンロードはこちら
https://play.google.com/store/apps/details?id=com.redcactus.repost