Cara Memunculkan Thumbnail Pada AMP HTML Blogger Template
Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger Template Saya menggunakan template AMP blogger dan mengubah semua artikel termasuk kode <img> jadi <amp-img>, tapi kok thumbnailnya tidak muncul? Kenapa ya? Ternyata memang template blogger tidak akan membaca thumbnail jika s…
Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger Template
Saya menggunakan template AMP blogger dan mengubah semua artikel termasuk kode <img> jadi <amp-img>, tapi kok thumbnailnya tidak muncul? Kenapa ya?Ternyata memang template blogger tidak akan membaca thumbnail jika semua image pada sebuah artikel diubah menjadi kode <amp-img>.
<img alt='gambar' src='url-image'/>maka akan mengakibatkan error validasi AMP HTML. Penulisan yang benar seperti disini yaitu :
<amp-img src="url-image-disini.png"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 :
width="1080"
height="610"
layout="responsive"
alt="AMP HTML"></amp-img>
<noscript><img alt='gambar' src='url-gambar-anda'/></noscript>
Selamat mencoba...
Demikianlah Artikel Tutorial Cara Memunculkan Thumbnail pada AMP HTML Blogger Template. Semoga menjadi solusi dari "kebingungan" anda :D
Related Posts