Cara Menampilkan Gambar dengan Lightbox

Cara Menampilkan Gambar dengan Lightbox

Di blogger terdapat sebuah fitur untuk menampilkan gambar dengan lightbox ketika gambar tersebut di klik oleh pengunjung, seperti pada screenshot diatas. Dengan menggunakan lightbox dapat mempermudah pengunjung untuk melihat gambar satu-persatu di dalam konten tersebut.

Namun banyak pemilik blog yang tidak mengetahui cara untuk menampilkan gambar dengan efek lightbox, apabila kamu juga ingin memasang efek lightbox di blog silakan ikuti langkah-langkah berikut ini:
  • Silakan kamu log in (masuk) ke halaman dashboard blog, kemudian silakan kamu klik menu Settings dan pilih Posts, comments and sharing.
cara mudah mengatasi image with lightbox blogger tidak berfungsi dengan baik
  • Kemudian pada grup Posts silakan kamu nyalakan fitur lightboxnya, "Showcase images with Lightbox" menjadi Yes dan silakan kamu simpan perubahan.
Apabila fitur showcase images with Lightbox telah diaktifkan, namun gambar pada blog kamu masih tidak memiliki efek lightbox ketika di klik atau fitur efek (images with lightbox) error, silakan kamu ikuti langkah-langkah berikut ini untuk mengatasinya.

Silakan kamu masuk ke menu pengeditan template, Theme > Edit HTML. Kemudian silakan kamu tambahkan script ajax dibawah ini dan taruh di atas kode script </head> atau &lt;/head&gt;&lt;!--<head/>--&gt; 

Apabila di dalam template kamu sudah terdapat script ajax, silakan kamu lewati langkah ini.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>

Selanjutnya silakan kamu cari kode script berikut ini: &lt;!--</body>--&gt; &lt;/body&gt; kemudian silakan kamu ganti kode tersebut menjadi </body>.

Apabila sudah kamu terapkan langkah-langkah diatas, silakan simpan perubahan template. Maka secara otomatis fitur lightbox pada gambar di blog akan aktif.

Komentar

Postingan populer dari blog ini

Cara Agar Artikel Blog Terindex di Mesin Pencarian Google Terbaru

Cara Mudah Blog Diterima oleh Google Adsense

Cara Memasang HTTPS (SSL) pada Blogger Custom Domain