Cara Memasang Gambar Animasi Valid Amp Templates

Setelah lama ga buat postingan di blog ini, kangen juga corat coret di blog ya... singkat saja sesuai dengan judul di atas, kali ini kita akan coba memasang Gambar animasi yang ber exstensi gif, pada postingan blog amp kita.

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.