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

Post Top Ad

demo-image

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

Share This
Responsive Ads Here
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
39137659_312739402816592_7725916403315769344_n

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!
Comment Using!!

Không có nhận xét nào:

Đăng nhận xét

Post Bottom Ad

Pages