Cara Membuat Light Gallery di Tema Blog

Cara Membuat Light Gallery di Tema Blog

Cara Membuat Light Gallery di Tema Blog merupakan fungsi untuk menampilkan galeri dari gambar saat membuka gambar pada blog sobat. dan light gallery juga dapat dikatakan plugin website yang dibuat oleh Sachin N.

Light Galery memang sudah ada di bawaan blogger dibagian pengaturan, namun ada baiknya dengan adanya penambahan script ini bisa dijadikan sesuatu yang unik dan menarik untuk mempercantik halaman blog. pada fitur tambahan light gallery ini lebih baik dari pada light gallery standar blogger.

Untuk menambahkannya, berikut caranya :

1. Sebelum sobat menambahkan scriptnya, ada baiknya sobat mengatur lebih dulu dibagian setelan blogger, seperti gambar berikut :

 Pada gambar diatas silahkan pilih bagian ini dan pilih Tidak.

2. Tahap selanjutnya anda edit tema dibagian menu tema, edit dan tambahkan kode dibawah ini tepat sebelum body penutup </body>.

<script src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/c5d422c5/lightgallery.js'/>
<link href='https://cdn.jsdelivr.net/lightgallery/1.3.9/css/lightgallery.css' rel='stylesheet'/>
<script type='text/javascript'>
//<![CDATA[
$('#animated-thumbnail').lightGallery({thumbnail:true,getCaptionFromTitleOrAlt:true,selector:"a[imageanchor]"});
//]]>
</script>

 
Selanjutnya cari post-body yang scriptnya seperti ini :

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

dan jika sudah ketemu ganti dengan script dibawah ini :

<div class='post-body entry-content' id='animated-thumbnail' itemprop='articleBody'>

Demikian cara menambahkan Light Gallery pada blog. sekian dan terima kasih.
Ref: arlinadzgn.com