Cara Membuat Postingan Gambar Agar Valid AMP di Template AMP Blogger
Cara Membuat Postingan Gambar Agar Valid AMP di Template AMP Blogger - Jika Anda adalah pengguna template AMP blogspot atau blogger. Maka ketika membuat postingan akan sedikit berbeda dari template bawaan atau template blogger biasanya. Termasuk pada saat memasukkan thumbnail dan gambar tambahan dalam postingan.
Nah agar thumbnail dan gambar tambahan yang dimasukkan ke dalam postingan valid AMP saat diuji menggunakan AMP validator. Ada beberapa hal yang harus Anda perhatikan. Salah satunya adalah format penulisan pada gambar.
Lalu bagaimanakah cara membuat thumbnail dan gambar tambahan tersebut valid AMP?
1. Cara membuat thumbnail blogger agar valid AMP
Sekilas mengenai apa itu thumbnail postingan AMP. Thumbnail adalah ibarat gambar cover bagi sebuah postingan di template AMP blogger. Untuk membuat thumbnail agar valid AMP, Anda membutuhkan script yang didukung oleh AMP blogger. Kode yang digunakan adalah sebagai berikut:
<noscript><img alt="Judul thumbnail AMP" height="408" width="750" src="url gambar" title="judul thumbnail AMP" /></noscript>
Catatan : height dan width gambar bisa Anda sesuaikan. Teks yang saya sorot adalah hal yang harus Anda perhatikan dan ganti.
2. Cara membuat gambar tambahan blogger agar valid AMP
Sedangkan gambar tambahan yang mengisi postingan. Anda bisa menggunakan kode di bawah ini agar gambar dan postingan Anda valid AMP.
<amp-img alt="Judul gambar tambahan" height="408" layout="responsive" src="url gambar tambahan" title="Judul gambar tambahan" width="750"></amp-img>
Kesimpulan
Itulah kode penulisan thumbnail dan gambar tambahan pada postingan agar valid AMP untuk template AMP blogspot atau blogger. Kode penulisan di atas juga saya terapkan pada uncchu.com dan postingan ini. Selanjutnya semoga postingan ini bisa Anda terapkan dengan baik. Jangan sungkan bertanya di kolom komentar jika ada keraguan antara Anda dan postingan yang berjudul Cara Membuat Postingan Gambar Agar Valid AMP di Template AMP Blogger ini.
