Kita tau bahwa pada template AMP tidak sama dengan template standar bawaan blogger yang tanpa harus jeli ketika akan menulis artikel. Seperti halnya ketika akan menampilkan fratured image ini.
 |
| Featured Image |
Membuat featured image di template AMP pada blogspot
Dengan template AMP pada blogspot kita memiliki keuntungan bahwa dengan mudah kita bisa menampilkan featured image sesuai keinginan kita. Dalam artian kita bisa menentukan gambar mana yang akan di jadikan featured image.
Jadi dengan begitu tampilan blog akan terlihat lebih menarik dan user friendly. Langsung saja kita mulai belajarnya ya, biar bisa langsung praktek.
Pertama, kita pilih gambar yang akan di jadikan featured image, karena dalam template AMP pada blogspot semua gambar harus menggunakan tag amp-img.
Dan itu tidak bekerja atau tidak bisa tampil sebagai featured image atau gambar yang biasa tampil di homepage dan sidebar.
Untuk menampilkannya kita bisa membuat gambar mandiri yang tidak tampil di artikel tapi hanya tampil sebagai featured image di homepage dan sidebar.
Khusus gambar yang akan di jadikan featured image di template AMP kita bisa gunakan script berikut ini :
<noscript><img alt="Cara membuat featured image di Template AMP pada blogspot" width="720" height="283" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgo31UrPRmlIKYXP_SRQ90w-0HJEI-M5vqW-Pk3YGWz5Ce27AbL4Dcb68R0u4edmnFjQcf8bcfM3zuVtwogUQhbegx2WPdKSZYT5RjPcPRgTymJM9jDV1DJIgh8RX3lSrX-991IjDG5YO/s320/Screenshot_2018-03-02-06-56-57-36.png"/></noscript>Jadi tag img tetap menggunakan standar html biasa bukan dengan tag amp-img dan tag noscript tersebut berfungsi untuk membungkus bahwa script dalam tag img tidak bisa di tampilkan dalam artikel yang hanya mendukung element template AMP.
Jadi dengan begitu template AMP pada blogspot kita tetap valid dan tampilannya makin keren karena bisa seperti blog dengan hosting mandiri.
Sekarang silahkan di coba,
Jika masih menemukan kesalahan bisa kembali lagi ke artikel ini.
Demikian artikel tentang bagaimana cara membuat featured image di template AMP pada blogspot yang bisa sesuka hati kita tentukan sendiri. Semoga bermanfaat.
