Sửa lỗi Hộp đèn hình ảnh Lightbox, click phóng to hình ảnh full bài viết blogspot

Mặc định blogger đã có cài đặt Hộp đèn hình ảnh Hiển thị hình ảnh trong lớp phủ ở bên trên bài đăng, tuy nhiên trên một số mẫu teamplate bị lỗi, hãy cùng vntonghop.com sửa lỗi này nhé.

Một hình ảnh được hiện thị với hiệu ứng hộp đèn

Tác dụng của Hộp đèn hình ảnh trên blogspot

+ Theo mặc định hình ảnh khi được sử dụng trong bài viết blogspot sẽ hiển thị ở mức độ nhỏ hoặc trung bình, vì vậy phải cần tính năng hộp đèn hình ảnh để xem chất lượng full của hình ảnh.
+ hộp đèn hình ảnh giúp cho người xem không phải chuyển qua một trang mới để xem hình ảnh đó mà ở lại trên trang bài viết thời gian lâu hơn => tốt cho seo bài viết.
+ Tạo ra một slideshow hình ảnh bài viết, nhìn blog rất chuyên nghiệp
.....

Bật cài đặt Hộp đèn hình ảnh blogspot

Vào Cài Đặt => chuyển đến phần Bài Đăng, bật hộp đèn hình ảnh như hình dưới đây:

Bật cài đặt Hộp đèn hình ảnh blogspot

Sửa lỗi Hộp đèn hình ảnh phóng to không hoạt động

Trên một số mẫu teamplate blogspot, tính năng Hộp đèn hình ảnh không hoạt động là do thiếu  thẻ div post-body, các bạn sửa lỗi này bằng cách.

Vào Chủ Đề => Chỉnh sửa HTML
Thay thế tất cả đoạn code <data:post.body/> (trên một mẫu teamplate thường có tầm 2 đến 3 đoạn code này, hãy tìm hết)
Sau đó thay thế những đoạn code trên bằng đoạn code sau <div class='post-body'> <data:post.body/> </div>
Nhớ bấm vào LƯU, thế là xong rồi đó, tải lại bài viết trên blog của bạn, click vào hình ảnh và kiểm tra xem. Chúc bạn thành công.

Blogger_Blogspot , MMO

About Hop Nguyen