Untuk dapat memasang gambar animasi pada amp template sebetulnya banyak lah pilihan teknis dalam mengaplikasikannya dan salah satunya adalah dengan cara berikut ini;
Sebagai catatan penting!:
URL dari gambar animasi haruslah https !
Langkah pertama
Letakan kode script berikut sebelum tag
</header>
<script async="async" custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"></script>
Simpan template.
Pada halaman postingan anda silahkan masukan atau sisipkan kode berikut ini;
<amp-anim width="300" height="250" src="https://i.giphy.com/3o85xt08p2Y0hanhwQ.gif" alt="an animation" attribution=" source image giphy.com">
<amp-img placeholder width="300" height="250" src="https://i.giphy.com/3o85xt08p2Y0hanhwQ.gif">
</amp-img>
</amp-anim>
Demo
Coba publikasikan postingan anda dan lihat hasilnya, bagaimana gampang bukan? selamat mencoba.
Show Disqus Comment Hide Disqus Comment