Gampang Caranya Embed Code Instagram Pada AMP Template

Pada AMP Template anda dapat dengan mudah memasang embed code Instagram milik anda pribadi atau orang lain dengan cara meletakan data shortcode Instagram yang terdapat pada setiap URL Photo Instagram, sebagai contoh https://www.instagram.com/p/BJISumDBKEj/?taken-by=antoncabon, 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>

2. Lalu kemudian salin dan letakan kode berikut ini pada daerah dimana anda akan menampilkan embed dari Instagram tersebut.

 <amp-instagram data-shortcode="BJISumDBKEj"
      width="400"
      height="400"
      layout="responsive">
  </amp-instagram>

3. Silakan ganti BJISumDBKEj dengan shortcode milik anda sendiri.

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









You Might Also Like

Comments: