Cách thêm Light Gallery vào chủ đề blogspot

Đăng Ngày: tháng 8 13, 2018

Đăng Bởi: Nguyễn Đình Diện

Xin chào đọc giả của Tôi Share blog, theo yêu cầu của một số bạn bảo mình chia sẻ cách thêm trình chiếu ảnh cho blogspot thì hôm nay mình sẽ viết bài hướng dẫn cách để thêm nó và code này mình lấy bên https://www.arlinadzgn.com nhé.

Các bạn có thể xem demo bên dưới

Hướng dẫn cách làm

Bước 1: Vào trang chủ đề tìm thẻ </body> và thêm toàn bộ đoạn code bên dưới lên thẻ 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 2: Tìm tất cả đoạn <div class='post-body entry-content'
itemprop='articleBody'> và thay hết thành đoạn này <div class='post-body entry-content' id='animated-thumbnail' itemprop='articleBody'>
Chúc bạn thành công!