Cara Memasang Kode Image Pada Template Blogger AMP

Pada tutorial AMP kali ini saya akan membahas mengenai Cara Memasang Kode Image Pada Template Blogger AMP. Pada saat ini memang banyak Blogger yang beralih dari template Responsive tanpa AMP ke Template Responsive yang Valid dengan AMP. Tujuannya tidak lain adalah untuk mempercepat Loading dari Blog atau Website itu sendiri. Namun bagi anda yang baru menggunakan Template AMP harus sedikit extra untuk mengganti koding yang digunakan untuk Gambar atau Image. Karena jika tidak, maka AMP jadi tidak valid ( untuk melihatnya anda bisa memasang AMP Validator pada Browser anda )

Berikut adalah perbedaan koding HTML biasa dengan AMP HTML
Jika HTML Standard cara memasukan gambar adalah sebagau berikut :

<img src="URL-Image-Disini"
alt="Maxikom" width="500" height="600">

Namun Jika Menggunakan Kode AMP anda harus menggunakan kode dibawah ini :

<amp-img src="url-image-disini"
      width="600"
      height="40"
      layout="responsive"
      alt="AMP HTML"></amp-img>

Contoh :

<amp-img src="maxikom.jpg"
alt="Maxikom"
height="400" width="800">
</amp-img>

Jadi, jika anda sudah menggunakan Template AMP maka anda wajib mengikuti Rule dari AMP HTML itu sendiri, yang diantara seperti ada perubahan pada Kode Image, Kode Video, Kode Adsense dan lain sebagainya.

Demikianlah Cara Memasang Kode Image Pada Template Blogger AMP, semoga bermanfaat untuk anda.