Tutorial Cara Memunculkan Thumbnail pada AMP HTML Blogger Template

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


Demikianlah Artikel Tutorial Cara Memunculkan Thumbnail pada AMP HTML Blogger Template

Sekian Tutorial Cara Memunculkan Thumbnail pada AMP HTML Blogger Template, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian Tutorial AMP HTML kali ini.

Anda sedang membaca artikel Tutorial Cara Memunculkan Thumbnail pada AMP HTML Blogger Template dan artikel ini url permalinknya adalah https://kompidesign.blogspot.com/2016/10/tutorial-cara-memunculkan-thumbnail.html Semoga artikel ini bisa bermanfaat.

Share this:

Related Posts
Disqus Comments
×

Recent Comments: