Power of Gifts ~ カラー&ラッピング、パステルアート Studio Lirio 

千葉県印西市にてパーソナルカラー、骨格診断、カラーセラピー、ラッピング、パステルアートなどの講座を開講しております。

Take a look at this

インスタ画像のブログ埋め込み~サイズ変更&センタリング

  01, 2016 11:26

こんにちは!
千葉県印西市でカラー&ラッピング、パステルアートが学べる自宅スタジオ
〝Studio Lirio〟主宰 かげみちこです


今日から6月ですね♪
2016年の半分は
後1か月で終わってしまうことになります


さて、
インスタ画像をブログに埋め込む......
というのをやってみました。

参考にさせていただきましたのは
こちらのサイトです
「自分メディアの育て方」
http://hatamoto.biz/instagram-size-blog-embed/

埋め込みコードをそのまま張り付けたのでは
画像が画面いっぱいに表示され
大きすぎ

ソースコードから画像サイズを訂正する方法など
参考にさせていただきました。

ただ、困ったのは
これだけでは画像が左よりに配置されてしまい(^^;
中央に配置したいときはどうずれば?ということ。
ブログの編集コマンドで試してみましたが
できなかったのです。
それで
こちらもソースコードから訂正することに......

<div style="text-align: center">
<blockquote class="instagram-media" data-instgrm-version="7"
style="max-width: 350px; border-top: 0px; border-right:
0px; width: 99.37%; background: #fff; border-bottom:
0px; padding-bottom: 0px; padding-top: 0px; padding-left:
0px; border-left: 0px; margin: auto; padding-right:
0px; border-radius: 3px; box-shadow

画像サイズ(658 → 350

センタリング(0px → auto

に変更することで
画像サイズ変更&センタリングが
できました~


こちらの埋め込みはキャプションを省いた例です。

いつもハッシュタグを多めにつけているので
ビジュアル的に不要かなぁと(^^ゞ

今までは
普通にアップロード画像の下に
インスタのボタンを設置してましたが
これからは
こちらの方法もやってみることにします



20160601.jpg
Instagram Follow welcome!





*+:。.。…。oо○゚+*:;;:**+:。.。…。oо○゚+*:;;:**+:。.。…。oо○




カラー関連、ラッピング、パステルアートなど

気になる講座などございましたら、 
どうぞお気軽にお問合せくださいませ 


お申込み&お問合せ スケジュール アクセス 

Banner(Blog).png 


みなさまのご連絡を心よりお待ち申し上げます。




人気ブログランキングへ

FC2 Blog Ranking
クリックいただけると嬉しいです

  •   01, 2016 11:26
  •  0
  •  0

COMMENT 0

Post a comment

スマートフォン解析 ブログパーツ