Ensiklopedi Otomotif - Kali ini Cara Menampikan Gambar Pada AMP Blogger akan saya bahas. Artikel ini berlaku unutk anda blogger yang menggunakan template AMP HTML. Anda akan melihat perbedaan yang paling jelas dari template AMP dan non-AMP adalah penulisan kode gambar dari yang biasa. Jika pada template non-amp biasanya untuk menampilkan gambar menggunakan tag maka pada template AMP penulisannya adalah seperti dibawah ini: amp-img alt=' alt_image_disini ' title=' judul_image_disini ' src=' url_image_disini ' width=' xxx ' layout=' responsive ' height=' xxx '/> Ada beberapa pilihan layout yang tersedia antara lain : fill , fixed , fixed-height , flex-item , nodisplay , responsive. Sementara y ang paling umum dipakai adalah layout responsive selain lebih mudah gambar yang ditampilkan juga menyesuaikan dengan layar. Penggunaan tag (opsional) Perbedaan dasarnya ada pada tag ... digunakan sebagai alternatif (pengganti) untuk menampilkan konten atau element lain apabila javascript tidak berfungsi atau dinonaktifkan pada browser yang digunakan oleh user. Mengingat browser pada saat ini sudah semakin canggih maka penggunaan tag sudah tidak diperlukan lagi, termasuk untuk penulisan gambar pada template AMP blogger walaupun tanpai tag ini gambar akan tetap muncul hanya saja pada Blogger hanya membaca gambar dengan tag , akibatnya gambar thumbnail postingan pada homepage tidak akan muncul. Mengatasi gambar thumbnail yang tidak muncul pada AMP Blogger Ada dua jenis gambar yang ditampilkan pada laman blog, antara lain: gambar thumnail pada related post atau pada menu home, dan gambar pada saat artikel dibuka, pembaca sedang membuka sebuah artikel. Kita menggunakan script berbeda untuk masing-masing fungsi ini. Untuk menampilkan thumbnail pada blogger diperlukan tag ... tapi Anda tidak perlu menambahkan tag ini disetiap gambar artikel pada menu home dan related post. Sementara untuk menampilkan gambar pada halaman artikel kita hanya harus menambahkan tag ini satu kali pada gambar yang ingin anda jadikan thumbnail sehingga keseluruhan kodenya akan menjadi seperti dibawah ini: amp-img alt=' alt_image_disini ' title=' judul_image_disini ' src=' url_image_disini ' width=' xxx ' layout=' responsive ' height=' xxx '/> noscript > img alt=' alt_image_disini ' title=' judul_image_disini ' src=' url_image_disini '/> noscript > Semoga berfaedah.
Sumber https://pakgalingging.blogspot.com
Minggu, 26 Januari 2020
Ikuti Cara Menampikan Gambar Pada Amp Blogger
Diterbitkan Januari 26, 2020
Artikel Terkait
- Kode tersebut adalah tag untuk membuat script analytics dari ID analytics yang sudah
- anibarstudio.blogspot.com - Selamat malam sobat semua, biar kita semua selalu ada dalm li
- // tambahkan kode diatas dalam tag Kode yang saya buatkan diatas juga support un
- anibarstudio.blogspot.com - Selamat sore mitra, semoga semua aktifitas kita di hari ini s
- Pada saat membuat postingan, silahkan tambahkan kode tag dibawah ini, ukuran dan pene
- head > meta charset=' utf-8 '/> link rel=' canonical ' href=' hello-world
Langganan:
Posting Komentar (Atom)
EmoticonEmoticon