Jika pada tempalate blogspot biasa kita hanya tinggal upload dan atur lebar serta menambahkan alt atribut dengan alat di editor blogspot. Tapi untuk halaman blog dengan template AMP kita harus menambahkan gambar secara manual untuk menulis kode HTMLnya.
Untuk Gambar animasi gif berbeda dengan gambar png atau jpg. Animasi gif adalah gambar bergerak dan pada template AMP ada cara tersendiri untuk menambahkannya.
 |
| Animasi gif di blog AMP |
Menambahkan Gambar Animasi Gif di Blog AMP
Dalam template AMP pada blogspot untuk menambahkan gambar animasi gif kita di wajibkan menyertakan extensi javascript AMP-Anim.
Seperti ini :
<script async="async" custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"/>Tambahkan javascript di atas tepat di bagian
<head>.Cara menerapkan dalam Editor html Blogspot
Sekarang kita coba untuk menerapkan kode HTML untuk menambahkan gambar animasi gif dalam postingan artikel di template AMP blogspot.
Tambahakan dengan cara menggunakan kode Format HTML seperti contoh 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>Nah, sekarang saatnya anda mencoba pada blog anda, jika masih mengalami kendala silahkan kembali lagi ke artikel ini.
Oke, baiklah, demikian artikel tentang bagaimana cara menambahkan gambar animasi gif di blog AMP. Semoga bermanfaat dan berguna bagi kita semua.
