Guides Terkini Tentang Featured Image di Template AMP Blogspot

Menggunakan template AMP pada blogspot memang di tuntut harus jeli ketika akan menulis artikel atau edit sidebar ataupun edit template dll. Oleh karena itu penting untuk memahami bagaimana cara yang sesuai untuk menyesuaikan diri dengan template AMP pada blogspot. Kali ini kita akan belajar bagaiamana cara membuat featured image di template AMP pada blogspot.

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.

Cara membuat featured image di Template AMP pada blogspot
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://2.bp.blogspot.com/-XQW8EqiuOO8/WpiTjrOiZJI/AAAAAAAABLY/n6bYQuwibZEixwAdcKHEF-IU78TZ-tOngCLcBGAs/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.

0 Response to "Guides Terkini Tentang Featured Image di Template AMP Blogspot"

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel