cLNxsGUWkArrLhwVBfe6eO4P8vRLtY53cHInnzfr
Bookmark

Blogger; 2 Cara Membuat Postingan Gambar Agar Valid AMP

AMP blogger – Jika Anda adalah pengguna template AMP blogspot. Maka ketika membuat postingan akan sedikit berbeda dari template bawaan atau template blogspot biasanya. Termasuk pada saat memasukkan thumbnail dan gambar tambahan dalam postingan.

Cara postingan gambar valid AMP

AMP Blogger
AMP Blogger

Nah agar thumbnail dan gambar tambahan yang dimasukkan ke dalam postingan valid AMP saat diuji menggunakan AMP validator. Ada beberapa hal yang harus Anda perhatikan. Salah satunya adalah format penulisan pada gambar.

1. Cara membuat thumbnail blogger agar valid AMP

Sekilas mengenai apa itu thumbnail postingan AMP. Thumbnail adalah ibarat gambar cover bagi sebuah postingan di template AMP blogspot. Untuk membuat thumbnail agar valid AMP, Anda membutuhkan script yang didukung oleh AMP blogger. Kode yang digunakan adalah sebagai berikut:

<noscript><img alt="Judul thumbnail AMP" height="408" width="750" src="url gambar" title="judul thumbnail AMP" /></noscript>

Catatan : height dan width gambar bisa Anda sesuaikan. Teks yang saya sorot adalah hal yang harus Anda perhatikan dan ganti.

2. Cara membuat gambar tambahan blogger agar valid AMP

Sedangkan gambar tambahan yang mengisi postingan. Anda bisa menggunakan kode di bawah ini agar gambar dan postingan Anda valid AMP.

<amp-img alt="Judul gambar tambahan" height="408" layout="responsive" src="url gambar tambahan" title="Judul gambar tambahan" width="750"></amp-img>

Kesimpulan

Itulah kode penulisan thumbnail dan gambar tambahan pada postingan agar valid AMP untuk template AMP blogspot atau blogger. Kode penulisan di atas juga saya terapkan pada uncchu.com dan postingan ini.

Selanjutnya semoga postingan ini bisa Anda terapkan dengan baik. Jangan sungkan bertanya di kolom komentar jika ada keraguan antara Anda dan postingan yang berjudul Cara Membuat Postingan Gambar Agar Valid AMP di Template AMP Blogspot ini.

Jangan lupa untuk follow dan subscribes uncchu.com di google news dan youtube.

0

Posting Komentar