Cara Menambahkan Post Foto atau Video Instagram di Postingan Blog AMP

Tutorial Blogger kali ini tentang cara menyisipikan atau menambahkan post foto dan video Instagram ke postingan Blogger AMP. Seperti diketahui, khususnya untuk platform Blogger yang telah menggunakan template HTML AMP, maka cara menyisipkan segala sesuatu di postingan pun akan berbeda dari HTML biasa.
Cara Menambahkan Post Foto atau Video Instagram di Postingan Blog AMP

Pada HTML AMP ada aturan mainnya tersendiri. Setidaknya harus paham ciri khas AMP dan cara menggunakannya.

Contohnya, jika ingin menbahkan atau menyisipkan post foto/video dari Instagram di postingan, maka formatnya mengikuti ketentuan seperti berikut ini.

Khusus bagi Anda yang baru ancang-ancang atau kepikiran untuk menggunakan template AMP HTML, simak dulu penjelasan berikut, terikait akibat menggunakan template AMP HTML pada platform Blogger.

Cara menyisipkan post photo/video Instagram pada postingan blog AMP HTML

Terlebih dahulu, silahkan aktifkan custom element AMP Instagram dengan menambahkan kode berikut ini di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

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

Langkah selanjutnya adalah menambahkan foto atau video Instagram disela-sela postingan artikel blog AMP, caranya seperti berikut ini:
  • Login Instagram anda melalui PC atau laptop
  • Lalu cari video atau foto yang ingin disisipkan pada artikel
  • Kemudian klilk menu opsional pada post foto atau video tersebut
  • Klik Go to post, maka akan muncul link post dari foto atau video tersebut pada address bar browser. Perhatikan urutan gambar berikut ini:

Cara Menambahkan Foto atau Video Instagram di Blog AMP
Cara Menambahkan Foto atau Video Instagram di Blog AMP
Cara Menambahkan Foto atau Video Instagram di Blog AMP

Dengan demikian, maka akan ketahuan link post foto Instagram tersebut, yaitu seperti ini:

https://www.instagram.com/p/BbnmgFZB47y/

Dari link di atas, yang diambil hanya bagian berikut ini:

BbnmgFZB47y

Lalu disisipkan pada kode pemanggilnya yang akan diletakkan pada postingan blog, hingga hasilnya menjadi seperti berikut ini:

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

Kode di atas itulah yang akan menampilkan post foto/video Instagram di blogspot AMP. Cara di atas juga dapat berlaku untuk menampilkan post Instagram yang ingin diletakkan pada sidebar, footer dan lainnya di blog AMP HTML.

Demikian tutorial Blogger tentang cara memasang post Foto atau Video Instagram pada postingan blog AMP HTML, semoga membantu, terima kasih!
Niagahoster
VPS Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
VPS Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K

Komentar telah ditutup dan disembunyikan. Jika ada yang perlu disampaikan silahkan kirim pesan lewat laman kontak.