-->

March 10, 2017

Pada Blog AMP sobat dapat dengan mudah memasang embed code Instagram milik sobat pribadi dengan cara meletakan data shortcode Instagram yang terdapat pada setiap URL Photo Instagram. Sebagai contoh https://www.instagram.com/p/BG5bdDrjGao/?taken-by=darwinisrin, kode yang saya marking diatas adalah shortcode yang bisa kita gunakan untuk memasang embed code instagram di blog amp.

Secara lengkap langkah-langkah memasang embed code Instagram pada postingan Amp Template adalah sebagai berikut;

1. Salin dan letakan kode berikut ini sebelum tag </head> 

<script async='async' custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>

Baca juga :Tutorial Membuat Post Embed Twitter Pada Blog AMP

2. Lalu kemudian salin dan letakan kode berikut ini pada daerah dimana sobat akan menampilkan embed dari Instagram tersebut.
<amp-instagram data-shortcode="BG5bdDrjGao"
      width="400"
      height="400"
      layout="responsive">
  </amp-instagram>
3. Silakan ganti BG5bdDrjGao dengan shortcode milik sobat sendiri.

Baca juga : Cara Embed Status dan Video Facebook di Blog dengan AMP HTML

4. Selesai dan hasilnya akan nampak seperti contoh berikut ini;


Sumber : Mas Anton

Amp, Tutorial

You Might Also Like:

Next Post
Previous Post
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre>or<pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser

Tambahkan Komentar Tutup Komentar

Disqus Comments