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.
layout="responsive" ditambahkan semoga lebar dan tinggi gambar sanggup secara otomatis menyesuaikan dengan layar gadget pengunjung.
Baca juga:
Itulah tutorial singkat yang sanggup aku sampaikan dalam melaksanakan pemvalidan gambar untuk template AMP.
Semoga bermanfaat, Amin!
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;">Nah, supaya valid AMP rubahlah kodenya menjadi ibarat ini:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhYC3S1N_RL5PLLcc7Dlcyi0ar5kAI2Wyu2HnY5XUEK-S3ENOUmrl-xLOc02PHfXl3co9h8U7IFStwc8gZ1pAA1M8lcqO0Ydk3Du6w-aZs2O8TlYqGG1ckeL9Q3zW4WVTnwMo2sRfbnc/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/AVvXsEjWhYC3S1N_RL5PLLcc7Dlcyi0ar5kAI2Wyu2HnY5XUEK-S3ENOUmrl-xLOc02PHfXl3co9h8U7IFStwc8gZ1pAA1M8lcqO0Ydk3Du6w-aZs2O8TlYqGG1ckeL9Q3zW4WVTnwMo2sRfbnc/s320/gambar+valim+template+amp.jpg" width="320" /></a></div>
<amp-img data-original-height="278" data-original-width="476" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWhYC3S1N_RL5PLLcc7Dlcyi0ar5kAI2Wyu2HnY5XUEK-S3ENOUmrl-xLOc02PHfXl3co9h8U7IFStwc8gZ1pAA1M8lcqO0Ydk3Du6w-aZs2O8TlYqGG1ckeL9Q3zW4WVTnwMo2sRfbnc/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!