Tạo hiệu ứng Light Gallery đẹp cho Blogspot 2018

Có thể bạn sẽ thích

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.

*Bài viết gốc của tác giả Arlina Design

#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='&quot;post-body-&quot; + 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é! ;)

Hãy để lại comment phía dưới hoặc Chia sẻ bài viết để ủng hộ tác giả nhé!

Kelvin Dương

Mong muốn chia sẻ những hiểu biết cũng như kinh nghiệm của bản thân đến với mọi người

Life is not fair, get used to it

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN