Cara Memasang Gambar Animasi Di Postingan Blog AMP HTML

Pada waktu yang lalu saya sudah membuat artikel tentang AMP, yang berjudul Memasukan Gambar, Video, Di Postingan Blog Valid AMP HTML, dan yang berjudul Mengatur Gambar Postingan Blog AMP HTML Agar Lebih Rapih. Kemudian pada kesempan kali ini, saya akan mencoba membuatkan tutorial seperti judul diatas, yaitu tentang Cara Memasang atau Memasukan Gambar Animasi Di Postingan AMP HTML.

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.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser