Cara Menciptakan Gambar Postingan Blog Valid Template Amp Platform Blogger

Mencantumkan gambar di postingan blog platform Blogger semoga valid dengan template AMP harus melaksanakan sedikit perubahan instruksi gambar secara manual. Perubahan instruksi dipakai untuk mengakibatkan gambar tidak menerima pesan error dikala melaksanakan validator maupun di sajian Console inspect element. Karena jikalau ada pesan error, itu artinya blog tidak akan menampilkan simbol petir di halaman mesin pencari Google alias tidak valid AMP.

Cara merubah instruksi gambar supaya valid

Ketika awal upload gambar dan memasukkannya ke postingan, maka instruksi gambar yakni ibarat ini:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aQeGXZ6DJ1Y5wLUu3vjwG_UQ3dlGH6Dx4Fgfxe8aC094RPYtmG_xwqka9JuYf_o3HFhwPQO9yZupZdTzMgfLoBwIF3iZN1KzPhydW1gSlSj_YuTvK3p75-eD7epCYiJIwHF7jR6HVLc/s1600/gambar+valim+template+amp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="278" data-original-width="476" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aQeGXZ6DJ1Y5wLUu3vjwG_UQ3dlGH6Dx4Fgfxe8aC094RPYtmG_xwqka9JuYf_o3HFhwPQO9yZupZdTzMgfLoBwIF3iZN1KzPhydW1gSlSj_YuTvK3p75-eD7epCYiJIwHF7jR6HVLc/s320/gambar+valim+template+amp.jpg" width="320" /></a></div>

Nah, supaya valid AMP rubahlah kodenya menjadi ibarat ini:

<amp-img data-original-height="278" data-original-width="476" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0aQeGXZ6DJ1Y5wLUu3vjwG_UQ3dlGH6Dx4Fgfxe8aC094RPYtmG_xwqka9JuYf_o3HFhwPQO9yZupZdTzMgfLoBwIF3iZN1KzPhydW1gSlSj_YuTvK3p75-eD7epCYiJIwHF7jR6HVLc/s320/gambar+valim+template+amp.jpg" width="320" layout="responsive"></amp-img>

Keterangan:
layout="responsive" ditambahkan semoga lebar dan tinggi gambar sanggup secara otomatis menyesuaikan dengan layar gadget pengunjung.

Baca juga:

• Cara Pasang Video Youtube di Blog Template AMP Platform Blogger
• Cara Memasang Page-Level Ads Google Adsense di Blog Template AMP Platform Blogger

Itulah tutorial singkat yang sanggup aku sampaikan dalam melaksanakan pemvalidan gambar untuk template AMP.

Semoga bermanfaat, Amin!