Tutorial Cara Memunculkan Thumbnail pada AMP HTML Blogger Template

Sebagaimana kita ketahui, bahwa tag img pada AMP HTML berubah menjadi amp-img. Apabila kita menuliskan pada postingan seperti ini :

<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"
width="1080"
height="610"
layout="responsive"
alt="AMP HTML"></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...

Comments

Post a Comment

Popular posts from this blog

How to use Google Dork ?

Tutorial Cara Penulisan image pada AMP HTML Blogger

Pasang Google Maps Di Blog Versi AMP