Fix hiệu ứng hộp đèn (Lightbox) cho Blogspot

Hiệu ứng hộp đèn (Lightbox) giúp hiển thị hình ảnh một cách chuyên nghiệp. Một số template tải trên mạng sẽ gặp lỗi không hiển thị Lightbox cho dù bạn đã cài đặt.
Hôm nay KENHCS sẽ hướng dẫn các bạn cách fix (khắc phục) lỗi này.

Fix hiệu ứng hộp đèn (Lightbox) cho blogspot

Với template mặc định hoặc template do blogger cung cấp, nếu các bạn muốn hiển thị Hiệu ứng hộp đèn (Lightbox) thì chỉ cần vào Cài đặt > Bài đăng và nhận xét > Hiển thị hình ảnh với hiệu ứng hộp đèn > > Lưu cài đặt

CÁCH FIX KHI BẠN ĐÃ CÀI ĐẶT MÀ VẪN KHÔNG HIỂN THỊ

– Vào Mẫu > Chỉnh sửa HTML
– Tìm đến thẻ <data:post.body/>
– Với Template mặc định thì thẻ này thường nằm trong đoạn code sau

<div class=‘post-body entry-content’ expr:id=‘&quot;post-body-&quot; + data:post.id’ itemprop=‘description articleBody’><data:post.body/></div>

– Vì nằm trong thẻ có class post-body nên Lightbox sẽ hiển thị, nhưng một số template lại không thêm class này nên sẽ không hiển thị, các bạn chỉ cần thêm class này bao thẻ <data:post.body/> lại là được.
– Ví dụ như đoạn code sau

<div class=‘post-body’><data:post.body/></div>

– Cuối cùng là Lưu mẫu và kiểm tra kết quả :v

Gửi bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Scroll to Top