Memasang gambar pada postingan blog yang menggunakan Costum AMP(Accelerated Mobile Pages) memang berbeda dengan blog Non-Amp.kalau memasang gambar pada blog Non-Amp tinggal Upload,beress.....
Sebaliknya,di blog Costum Amp tidak demikian.format Kodenya berbeda dengan dengan Non-Amp.meskipun masih bisa di tampilkan dalam postingan,namun akan menyebabkan error.
Saya yang mulai tertarik menggunakan Blog Costum Amp ini juga sempat mengalami kesulitan.khususnya dalam hal memasang gambar pelengkap pada postingan blog.maklumlah masih berkategori pemula.😁
Gambar gang ada Pada blog Costum Amp ini memang berbeda.bedanya tentu pada pemakaian kode HTML-nya,antara Gambar utama yang akan tampil di bagian atas postingan artikel dan gambar pelengkap yang di tampilkan di dalam artikel.
Contoh kode gambar Non-Amp :
<img alt="CONTOH GAMBAR"
height="291"
width="320"
src="URL GAMBAR">
</img>
Kode di atas adalah kode untuk memasang gambar pada blog Non-Amp.tidak ada bedanya antara gambar utama dan gambar pelengkap.
Tapi,jika menggunakan blog Amp,harus di edit ulang dengan menggunakan kode seperti ini :
Untuk gambar utama :
Untuk gambar utama tidak berbeda dengan blog Non-Amp,namun harus ada tambahan kode buka <noscript> dan kode tutup </noscript>
berikut ini kode yang di pakai
<noscript>
<img alt="CONTOH GAMBAR"
height="291"
width="320"
src="URL GAMBAR"/>
</noscript>
Untuk gambar pelengkap :
Agar gambar bisa menyesuaikan dengan layar pengunjung blog,harus di tambah dengan kode Layout Responsive.jika tidak,bisanya gambar akan tampak sebagian saja.
Berikut ini kode yang di pakai untuk gambar pelengkap :
<amp-img alt="cara membuat blog"
height="291"
layout="responsive"
src="URL GAMBAR"
tabindex="0"
width="320">
</amp-img>
demikian cara memasang gambar di postingan blog Amp yang bisa saya sampaikan.hasil dari browsing sana-sini.😁
Semoga bermanfaat....Terima kasih.
Tambahkan Komentar