Cara Memperbaiki Blogger Lightbox Error

Baca Juga

Pernahkah anda mengalami preview gambar di blogspot namun berpindah page/ berpindah halaman. hal tersebut di karenakan Lightbox anda mengalami error. Lightbox adalah fitur yang di berikan blogspot untuk menampilkan gambar dari web/situs menggunakan modal dialog. jQuery Lightbox awalnya hanya disebut JavaScript PlugIn, karena pada dasarnya Lightbox merupakan library JavaScript.

Untuk mencoba Lightbox diblog anda berfungsi dengan benar, silahkan klick gambar yang ada diblog anda, jika gambar anda tampil di halaman yang berbeda maka Lightbox belum aktif. namun jika anda mengklick salah satu gambar yang ada di blog, dan gambar tampil seperti dialog modal dialog (muncul background hitam dan muncul gambar) berarti Lightbox sudah tersetting dengan benar.

Cara mengaktifkan Lightbox diblogger


  1. Login ke dashboard blog anda
  2. Pilih setelan/setting
  3. Pilih menu "Pos, komentar, dan berbagi"
  4. Tampilkan gambar dengan lightbox" pilih opsi "ya"
kalautau.com - mengaktifkan lightbox blogger
jika anda telah menemukan gambar seperti di atas dan merubah lightbox menjadi "ya" jangan lupa simpan setelan dengan cara klick "simpan setelan" pojok kanan atas. kemudian cobalah untuk klick salah satu gambar yang ada di blog anda dan hasilnya seperti gambar di bawah ini.

kalautau.com - lightbox blogger sudah aktif

Cara Mengatasi Lightbox Blogger Error

Beberapa hal yang menyebabkan lightbox blogger error di antaranya karena costum template blogger, dan mengganti default lightbox blogger dengan jQuery lightbox lainnya. lalu bagaimana agar lighbox blogger tidak error? berikut adalah cara memperbaiki lightbox error pada costum template blogger.

Catatan "backup terlebih dahulu template blogger anda" dan kemudian "edit html"

Jika anda menggunakan costum template blogger

  1. Cari kode &lt;head&gt; kemudian ganti dengan <head>
  2. Cari kode &lt;/head&gt;&lt;!--<head/>--&gt; kemudian ganti dengan </head>
  3. Cari kode &lt;!--</body>--&gt; &lt;/body&gt; kemudian ganti dengan </body>

Jika Lightbox sudah aktif dan tidak berfungsi

dalam kasus ini kemungkinan gambar anda berisi sebuah link aktif. sebagai contoh link aktif dengan gambar adalah seperti kode di bawah ini.
<a href='link aktif'>
<img alt='Cari Tau Kalau Belum tau' max-width='50px' src='alamat url gambar'/>
</a>
Agar lightbox blogger bisa berjalan baik, link aktif tidak diperbolehkan terdapat pada gambar. berikut adalah contoh code preview gambar tanpa link aktif
<img alt='Cari Tau Kalau Belum tau' max-width='50px' src='alamat url gambar'/>

demikianlah beberapa pengalaman saya memperbaiki lightbox error yang terdapat di blogger. semoga bermanfaat bagi anda.

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.