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="1080"
height="610"
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  agar image muncul pada Homepage tambahkan tag noscript sehingga kode menjadi seperti ini :

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

Selamat mencoba...
Related Posts
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar