Kode HTML Responsive Gambar AMP Blog - Kode Cuan

Kode HTML Responsive Gambar AMP Blog

KodeCuan -  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.

Kode HTML Responsive Gambar AMP Blog


 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.

Cara - Cara


  • 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/AVvXsEiYTrc_PgAS0jBylOmRfpLT8maFaxxO92gNirUUtWqrYUyqRwo8x0Xh-3i9dCOmSiYvcSEXCkTNqhFQgzU22otb7eLFgp8JRuKlaEnGudQcsO1PjFxfLzNzpaO745KnyZHWKn255cLqQYo/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.

Comments


EmoticonEmoticon