Cara memasukkan gambar di posting blog AMP

Hallo Sobat Blogger, kali ini saya akan memberikan cara untuk memasukkan gambar di posting blog AMP.

Sebelumnya sobat masukkan kode script 'async' di bawah ini pada blog anda dan letakkan di atas kode </head>

<script async src="https://cdn.ampproject.org/v0.js"></script> 

Dan untuk memasukkan di posting blog anda gunakan script dan contoh di bawah ini :

<amp-img src="/img/amp.jpg"
width="556"
height="350"
layout="responsive"
alt="AMP"></amp-img> 

Image akan muncul dengan baik pada postingan. Akan tetapi tidak akan muncul pada thumbnail di halaman utama / homepage. Untuk mengakalinya, agar image muncul pada Homepage tambahkan tag noscript sehingga kode menjadi seperti ini :

<noscript><img alt='gambar' src='url-gambar-anda'/></noscript> 

Selamat mencoba...

Baca Juga

Josie

Cuma seorang blogger yang jarang ngeblog

Share :

Related Posts