Skip to main content

Memasang atau Memasukan Gambar Animasi Di Postingan AMP HTML

Pada waktu yang lalu saya sudah membuat artikel tentang AMP, yang berjudul Memasukan Gambar, Video, Di Postingan Blog Valid AMP HTML, dan yang berjudul Cara Agar Postingan Gambar Lebih Rapih Pada Blog AMP HTML Kemudian pada kesempan kali ini, saya akan mencoba membuatkan tutorial seperti judul diatas, yaitu tentang cara Memasang atau Memasukan Gambar Animasi Di Postingan AMP HTML.

Untuk memasukan gambar animasi (gif/gamabr bergerak), caranya cukup mudah. Yang perlu diingat yaitu, URL gambar animasi harus berawalan https

Untuk Demonya bisa lihat gambar berikut.


Untuk cara pemasangannya bisa Anda ikuti beberapa langkah dibawah ini.

Langkah pertama.

Simpan Script berikut di atas kode </head>

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


Langkah kedua.

Pada editor postingan, untuk cara penulisan kodenya seperti di bawah ini.

<amp-anim width="400" height="300" src="my-gif.gif">
<amp-img placeholder width="400" height="300" src="my-gif-screencap.jpg">
</amp-img>
</amp-anim>


Bagaimana menurut Anda? cukup mudah bukan. Nah, mungkin hanya itu saja tang bisa saya tulis tentang Cara Memasang Gambar Animasi Di Postingan Blog AMP HTML. Semoga bermanfaat.

You Might Also Like:

Buka Komentar