Cara Memasang Post Foto Atau Video Instagram Di Blog AMP




Mungkin belum banyak yang tau cara menambah postingan gambar atau video di instagram nah pada artikel kali ini saya akan memberikan tutorial buat kalian semua. Tutorial ini saya dapat dari blog bungfrangki.com yang tidak sengaja saya dapat saat mencari bahan artikel karena bingung mau bikin artikel bagaimana lagi.

Kita pasti tau blog AMP memiliki peraturan khusus untuk posting artikel atau video untuk penempatan nya agar artikel tersebut menjadi valid AMP. Namun terlebih dahulu kalian harus memasukan kode berikut ini di atas kode </head>
<script async='async' custom-element='amp-instagram' src='https://cdn.ampproject.org/v0/amp-instagram-0.1.js'/>

Kemudian kalian tinggal sisipkan foto atau video yang akan di posting di dalam blog AMP. Dengan cara seperti berikut ini :

  1. Kalian Login ke akun Instagram kalian
  2. Cari foto atau video yang akan di pasang atau di sisipkan di blog kita. 
  3. Pilih menu Opsional pada foto atau vidro tersebut. 
  4. Pilih Go to post maka akan muncul url post yang akan tampil di address kalian copy saja url tersebut. 
  5. Nah kita akan tahu link url tersebut yang seperti ini https://www.instagram.com/p/BbnmgFZB47y/

Jika kalian ingin memasukan post foto tersebut ke dalam artikel kalian gunakan kode berikut ini untuk memanggil nya.

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

Kalian masukan code dibelakang link tadi ke dalam kode tadi. Selamat mencoba.

Soure artikel and image : www.bungfrangki.com

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser