CASHBACK

WATCH THIS VIDEO FIRST BEFORE YOU READ THE FULL GUIDELINES Read Guidelines Before you join MYRICHFARM CORPO GROUP Ginawa natin ang CORPO...

Reward Validation Step ⛏7jm05NbCx

Get Paid Selling Receipts

Ang mga basyo ng bote... ng mantika. Toyo. Ketchup.. Alak. Ay binibili. Bakit? Dahil ini re recycle ito at gagawin ulit basyo. Lilinisan la...

6 days lang kumita agad ako ng ₱359,724.50 | Pinaka Legit na App 2021

DOWNLOAD RAINBOW APPS

AMP HTML ⚡ Halo !!! Saya Kang Ismet, ini adalah blog tentang AMP HTM...

.breadcrumbs a,.breadcrumbs li{display:inline-block} .breadcrumbs{line-height:1.5em;width:auto;padding:0 0 10px;font-size:14px;color:#444;...

Cara Memunculkan Thumbnail pada AMP HTML Blogger Template

Home AMPHTML Image Cara Memunculkan Thumbnail pada AMP HTML Blogger Template

By Kang Ismet

10/18/2016

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

Get Paid Selling Receipts

6 days lang kumita agad ako ng ₱359,724.50 | Pinaka Legit na App 2021

Cara Memunculkan Thumbnail pada AMP HTML Blogger Template

Tambahkan Komentar