Cara Setting Lazyload Image di Template JetTheme

Table of Contents
Cara Setting Lazyload Image di Template JetTheme

Bagi Anda pengguna baru template blogger jetTheme, mungkin ada para blogger pemula atau pengguna template JetTheme yang belum mengetahui bagaimana cara setting lazyload di Template JetTheme ini.

Pada artikel berikut ini saya akan menjelaskan dan berbagi cara setting dan memasang lazyload di template JetTheme. Berikut cara dan langkah-langkah setting lazyload pada template JetTheme.

Setting Lazyload Template JetTheme

Upload gambar ke media > Masuk mode Edit HTML > Masukan kode dibawah ini:

<noscript> ... </noscript>

Ada dua cara di pengaturan lazyload image atau gambar template jetTheme:

1. Mengunakan Cara Simple

Contoh penerapan:

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0p_PhK5Gb_l_fz-MjU4H6ne6gmFtappP7nV3FMrpkd1-KcBWHMOJv3wf1E2I9YGoKmH4vOlsOWkiVpH-h3cibFAeJoWKf2jD2wgQKyNkECJzrDsjQ28UEK8WFqmkLgghszhP597ocH1M/s2048/lamp.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1371" data-original-width="2048" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0p_PhK5Gb_l_fz-MjU4H6ne6gmFtappP7nV3FMrpkd1-KcBWHMOJv3wf1E2I9YGoKmH4vOlsOWkiVpH-h3cibFAeJoWKf2jD2wgQKyNkECJzrDsjQ28UEK8WFqmkLgghszhP597ocH1M/s320/lamp.jpg" width="320" /></a></div>

2. Menggunakan Cara Manual

Cara kedua ini dilakukan agar lebih bersih. Pertama ambil kode tag image yang Anda sudah upload ke blogger:

  • Masukan kode berikut di antara <noscript>...</noscript>
  • Pastikan terdapat width atau data-original-width
  • Untuk ukuran penuh sobat bisa ubah menjadi width="728"
<noscript>
<img border="0" data-original-height="1371" data-original-width="2048" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0p_PhK5Gb_l_fz-MjU4H6ne6gmFtappP7nV3FMrpkd1-KcBWHMOJv3wf1E2I9YGoKmH4vOlsOWkiVpH-h3cibFAeJoWKf2jD2wgQKyNkECJzrDsjQ28UEK8WFqmkLgghszhP597ocH1M/s320/lamp.jpg" width="320" />
</noscript>

Baiklah sobat. Itulah cara setting lazyload image di template blogger JetTheme. Semoga bermanfaat.

ANDD
ANDD Daily workers

Post a Comment