Cara Memperbaiki Blogger Lightbox Error
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
- Login ke dashboard blog anda
- Pilih setelan/setting
- Pilih menu "Pos, komentar, dan berbagi"
- Tampilkan gambar dengan lightbox" pilih opsi "ya"
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.
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
- Cari kode <head> kemudian ganti dengan <head>
- Cari kode </head><!--<head/>--> kemudian ganti dengan </head>
- Cari kode <!--</body>--> </body> 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'>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'/>
</a>
<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.