Guides Terkini Tentang Menambahkan Gambar Animasi di Blog AMP

Menggunakan Template AMP pada blogspot memang sedikit extra kerja keras ketika akan menulis artikel. Apalagi di dalam artikel tersebut membutuhkan gambar, karena Template AMP serba terbatas dalam hal customize. Kali ini kita akan belajar bagaimana cara menambahkan gambar animasi gif di blog AMP.

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.

Menambahkan Gambar Animasi Gif di Blog AMP
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.

0 Response to "Guides Terkini Tentang Menambahkan Gambar Animasi di Blog AMP"

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel