Một số bạn đã từng sử dụng hộp đèn mặc định (hay còn gọi là Light Gallery) của Blogspot chắc cũng biết. Vì là mặc định nên nó khá xấu và đơn giản.
Thế nên bài viết dưới này Kel sẽ chia sẻ cách thay đổi hiệu ứng Light Gallery mặc định trở nên đẹp và mượt hơn so với mặc định.
#HƯỚNG DẪN THÊM HIỆU ỨNG LIGHT GALLERY
- Bước 1: Vào Cài đặt > Bài đăng, nhận xét và chia sẻ > TẮT hộp đen
- Bước 2 : Vào Chủ đề > Tìm thẻ </body>
Sau đó copy và dán đoạn code dưới này vào PHÍA TRÊN đoạn vừa tìm được.
<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>
- Bước 3 : Tìm tất cả các đoạn dưới này
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
*** Đoạn trên tùy vào Blog có sự khác nhau một chút!
- Bước 4 : Thay thế tất cả bằng đoạn dưới này là xong.
<div class='post-body entry-content' id='animated-thumbnail' itemprop='articleBody'>
DEMO - Click vào bất kỳ ảnh trong bài viết nhé! ;)
