AMP Blogger Tutorial

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 memasukan 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.

Diposkan oleh: Warim Pada:

Berlangganan Lewat Email

Kirim alamat email Anda untuk mendapatkan notifikasi artikel terbaru dari blog Website Mini secara GRATIS langsung di kotak masuk Anda.