インスタグラムをブログなどに埋め込む方法はとても簡単です。
サイズ変更や中央寄せの方法も簡単なので見ていきましょう！
※4/18追記：中央寄せの別の方法を記載しました。
スポンサーリンク
埋め込み方法
次の5ステップです。
1.写真を選択
2.右下の「・・・」を選択
3.「埋め込み」を選択
4.コードをコピー
5.ブログにコード貼り付け
1.写真を選択
2.右下の「・・・」を選択
右下の方に
があるので選択します。
3.「埋め込み」を選択
4.コードをコピー
5.ブログにコードを貼り付け
これで完了です！そして以下が埋込後の画像です。
スポンサーリンク
サイズ変更方法
上の画像のままでは少し大きいですよね？
サイズを変更していきます。
コピーペーストしたコード内の
max-width:658px
という文字列の数字を小さくします。
ここでは半分くらいの大きさの300pxに変更します。
サイズが変更できました！
px; padding:0; width:99.375%; width:-webkit-calc(100% – 2px); width:calc(100% – 2px);”>
中央寄せ方法
上の画像のままでは左寄せのままですね？
次は中央に寄せてあげましょう！
こちらもコード内のある文字列を変更します。
margin: 1px
この「1px」を「auto」に置き換えます。
「margin: 1px」はサイズ変更のときに使った「max-width:658px」のすぐ前にあります。
※4/18追記：現在はこの方法では中央寄せにできないようなので、下の方に別の中央寄せ方法を記載しました。そちらを御覧ください。
中央に寄せることができました！
px; padding:0; width:99.375%; width:-webkit-calc(100% – 2px); width:calc(100% – 2px);”>
2017/4/18追記：突然上記の方法では中央寄せにできなくなってしまいました。原因は分かりませんが下記の方法でも中央寄せにできましたので、代わりにこちらの方法をお使いいただけたらと思います。
001: <div align="center">
002: ###Your Copied Instagram generated code goes here###
003: </div>インスタグラムの埋め込みコード全体を
<div align="center">と</div>で囲むことで中央寄せにできました。
px; padding:0; width:99.375%; width:-webkit-calc(100% – 2px); width:calc(100% – 2px);”>
まとめ
埋め込みは右下の「・・・」を選択してしまえば後は画面の指示通りで簡単でしたね！
サイズ変更と中央寄せも貼り付けコードの一部を書き換えるだけです。
手軽にできるのであなたのブログを見やすくおしゃれにしてしまいましょう！
単価が高い広告をアフィリエイトするのは現在の状況ではとても難しくなっています。
なぜなら強力なライバルがほぼやり尽くしているから。
しかし、そんな状況でもブログ初心者でも高単価アフィリエイトを狙える方法があるんです。
こちらのセミナーではその詳細を丁寧に解説してくれます。
私も参加してみたところ、
・アフィリエイト市場の現状をしっかりと理解できる
・その上で現実的な高単価アフィリの狙い方を具体的に紹介してくれる
・高単価成約の可能性を強く感じられる
こうしたメリットを得られました。
しかも「AIに任せて楽して短時間で記事を書く方法」と併せて教えてもらえるため、忙しい人にも嬉しい実践できる手法です。
セミナーの日程と詳細は以下となっているため、忘れないうちに早めに予約しておくことをおすすめします。
【セミナーの日程と詳細】
～～～～～～～～～～～～～～～
2024年
・7月27日（土）13時～16時
・7月27日（土）20時～23時
・7月29日（月）20時～23時
・7月30日（火）13時～16時
～～～～～～～～～～～～～～～
・開催場所: オンライン（Zoomを使用）
・参加費：3,000円(税込)
※お申し込みをされた方には後日アーカイブ動画とセミナー内で使用したプロンプトテンプレートを提供いたします。
アーカイブ動画ではセミナーの全ての内容を学ぶができます。
もし、予定している開催日時での参加が難しい場合は、アーカイブ動画にてご視聴ください。
