Kode HTML untuk responsif gambar AMP pada blog bisa anda dapatkan pada artikel kali ini. Yang akan di hasilkan oleh HTML AMP tersebut sangat sempurna, jika gambar 3x6 , maka akan menjadi 3x3.
Dengan menggunakan kode berikut dan mengikuti cara-cara yang benar anda bisa menambahkan gambar responsive AMP pada blog. Simak cara berikut ini ini dengan sesama.
- Masukkan pada HTML Artikel Blog atau bisa langsung ke HTML tema blog dan tata letak blog juga bisa dipakai dengan kode tersebut.
- Harus di ketahui untuk para pengguna AMP blog. Inilah kode berikut.
<div class='postabove'>
<amp-img alt='Wrapper' height='300' layout='responsive' src='Alamat Url Gambar' title='Wrapper' width='728'/>
</amp-img></div>
- Hapus Alamat Url Gambar di Atas dan ganti dengan Alamat Gambar anda.
Contoh alamat Gambar :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXtZS0HP-MOS5UbQwzdgXaFWJ_fzcZJamgkvtSi9TXWd8nAAqllB6GUPHL4XNTIeZDO0FOwXZSmOXRpymM_Kj12be8ZFRYp6aBWXVxhOPuGZxT3jmQZ2hTX5NQxvs51Abr93WnlAWYQ2g/s640/20190303_184527.jpg
- Selesai
Setelah itu Anda akan melihat hasil dari gambar tersebut dengan responsif. Begitulah cara untuk membuat gambar menjadi responsive pada blog amp. Semoga artikel bermanfaat.
