Bagaiman cara sematkan pos instagram di blog versi AMP? Beberapa waktu lalu saya saya kembali membuat blog versi AMP (accelerated mobile pages), meski templatenya sendiri bukan buatan saya.Namun, untuk mengkustomisasi template yang sudah versi AMP itu juga mudah, sama seperti halnya memodifikasi versi standar bawaan blogger.
Nah, karena tidak adanya suport atau tag AMP Instagram di template blogger saya ini, sementara saya terkadang harus memposting gambar atau postingan yang dari Instagram. Jadi tanpa harus Screenshot yang paling mudah adalah menyematkannya saja didalam postingan blog.
So, bagi kamu yang belum menggunakan template versi AMP juga masih tetap bisa menyematkan instagram, hanya saja kendalanya louding blog menjadi berat, sementara versi AMP tetap tidak mempengarungi louding blog yang begitu berarti.
Berikut ini caranya:
Untuk Blog Versi AMP
Buat kamu yang sudah menggunakan template AMP tapi belum memasang Tag Instagram versi AMP bisa pasang terlebih dahulu Script AMP Instagram berikut.<script async='async' custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"/>
Dan letakan diatas kode </head>
Setelah Save Template, pada saat membuat artikel postingan sisipkan kode berikut ini dimana kamu suka post Instagram itu muncul dalam mode HTML.
<amp-instagram
data-shortcode="BV1830rl4Pu"
data-captioned
width="500"
height="500"
layout="responsive">
</amp-instagram>
Kode BV1830rl4Pu adalah kode yang terdapat dalam url postingan Instagram, silahkan copy dan ganti.
Jika sudah kembalikan mode postingan blog ke Versi Compose.
Lalau bagaimana dengan blog biasa selain versi AMP.
Untuk blog versi biasa caranya adalah klik post intagram yang akan kamu embed, setelah lihat pojok Kiri bawah pada post atau seperti gambar dibawah ini:
Kemudian copy dan taruh dimana kamu suka dalam mode postingan HTML dan kembali ke "Compose" jika sudah selesai.
Untuk Demo Artikel yang disematkan Instagram bisa lihat Ulang Tahun Ahok ke-51
Nah, Begitu saja.. Mudah kan?