Tuesday, October 26, 2021
HomeTài Liệu HayTích hợp hiệu ứng hộp đèn (Lightbox) cho hình ảnh trong Blogger...

Tích hợp hiệu ứng hộp đèn (Lightbox) cho hình ảnh trong Blogger (Blogspot)

Hôm nay mình rất vui vì đã tích hợp được hiệu ứng hộp đèn cho blog của mình, nhờ sự giúp đỡ của Nera Rosa mà mình đã làm được ^^
Bài viết này mình sẽ hướng dẫn các bạn tích hợp hiệu ứng hộp đèn cho blog. Hiệu ứng hộp đèn nó trông như ảnh này nhé

Đó là bình thường làm như vậy thì sẽ tích hợp được hiệu ứng hộp đèn, tuy nhiên đối với những blog sau khi làm vậy vẫn không hiển thị hiệu ứng hộp đèn thì bạn làm thêm bước nữa:
Vào Mẫu ~> Chỉnh sửa HTML
Tìm đến thẻ <data:post.body/> (Đây là thẻ hiển thị nội dung bài viết)
Với những template mặc định thì <data:post.body/> thường được bao bởi thẻ div này

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

Hiệu ứng hộp đèn mặc định của Blogger sẽ lấy theo classname cụ thể là post-body. Nguyên nhân blog của bạn không hiển thị được hiệu ứng hộp đèn là do template thiếu class='post-body'. Rõ rồi nhé, giờ bạn chỉ cần thêm class='post-body' bao quanh thẻ <data:post.body/> là xong

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

Làm xong thì Lưu mẫu lại và xem kết quả nhé.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular