Menambahkan Light Gallery di Tema Blog

Cara Menambahkan Light Gallery di Tema Blog

Kawan blogger sudah ada yang tau, siapa pembuat light gallery? Jadi, Light gallery merupakan plugin untuk suatu website yang mana di buat oleh Sachin N Di Github dan fungsinya hampir sama dengan Lightbox yang ada di blogger. Kelebihan dari light gallery sendiri, yaitu : support responsive, gallery gambar dapat di geser sesuai keinginan, tampilan lebih menarik, transisi lebih smoth, ada tombol untuk mendownload gambar dan tombol fullscreen.

Nah, kawan blogger akan memilih yang mana? Jika, anda menginginkan light gallery, ikuti cara yang berikut ini :

  1. Nonaktifkan lightbox standar yang ada di blogger, yaitu di setelan.

Menambahkan Light Gallery di Tema Blog

2. Buka template editor -> tambahkan kode di bawah ini, sebelum body penutup template seperti </body>.

Menambahkan Light Gallery di Tema Blog

3.  Jika anda sudah melakukan OPtimasi gambar dari beberapa optimasi artikel blog -> anda harus               menghilangkan imageanchor=’’1’’ dan mengganti border=’’0’’ dengan style=’’border’: none; -> gunakan kode di bawah ini.

Menambahkan Light Gallery di Tema Blog

 

Jika anda hanya ingin menampilkannya pada halaman tertentu, silahkan simpan kode di atas dengan Tag Kondisional, kemudian anda dapat mencari post-body seperti gambar di bawah ini:

Menambahkan Light Gallery di Tema Blog

Tetapi, kode di atas dapat berubah, tergantung tema yang akan anda gunakan. Lalu, ganti kode seperti di bawah ini :

Menambahkan Light Gallery di Tema Blog

Nah, setelah itu, simpan template dan selesai. Jika anda ingin melihat hasilnya, klik tombol ini :

Menambahkan Light Gallery di Tema Blog

Untuk pengaturan lebih lengkapnya, kawan blogger dapat mengunjungi link : https://www.arlinadzgn.com/2018/01/cara-menambahkan-light-gallery-di-blogger.html

Menambahkan Light Gallery di Tema Blog

dari sumber arlin design, terima kasih sudah mampir di situs saya.

 

Anda bisa lihat artikel lainnya : Cara Memasang Tombol Reaksi di Blogger dengan Vicomi

ADD YOUR COMMENT