Skip to main content
WARIM

follow us

Memasang Gambar Animasi Pada Blog AMP HTML

Memasang Gambar Animasi Pada Blog AMP HTML, Memasukan Gambar Animasi Pada Blog AMP HTML, Memasang Gambar Animasi Pada postingan Blog AMP HTML

Sebelumya saya sudah membagikan artikel Cara Membuat Tombol Spoiler Untuk Blog Valid AMP HTML. Dan pada kesempatan kali ini saya akan mencoba menuliskan artikel dengan judul Cara Memasang Gambar Animasi Pada Blog Valid AMP HTML.

Seperti yang telah kita ketahui, bahwa blog yang sudah valid AMP tidak boleh sembarangan dalam membuat atau memsaukan gambar pada postingan agar blog tetap valid AMP.

Jika Anda ingin memasukan gambar animasi pada blog amp, silahkan simak caranya seperti dibawah ini.

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