Khi viết bài chúng ta thường thiết kế 1 tấm hình riêng cho bài viết đó gọi là thumbnail của bài viết, khi xem bài viết đa số các bạn muốn ẩn hình thumbnail đi, thì dưới đây là một số cách làm như sau:
Cách 1. Làm thủ công là sau khi viết xong các bạn qua chế độ HTML thêm style = "display:none" vào thẻ div bao quanh tấm hình đầu tiên như hình dưới.
Như vậy tấm hình đầu tiên của bài viết sẽ ẩn khi xem chi tiết bài viết đó.
Cách 2: Viết JS
Xóa hình đầu tiên bằng code JS
<script>$('.post-body .separator').first().remove()</script>
Ẩn hình đầu tiên bằng code JS
<script>$('.post-body .separator').first().hide()</script>
Với cách này bạn cần lưu ý thẻ Class hoặc Id chứa bài viết (mặc định .post-body)
Cách cài đặt đơn giản là bạn copy đoạn code trên dán trước thẻ </body> và lưu lại, hoặc bạn copy dán dưới thẻ <data:post.body/> của bài viết, áp dụng thêm thẻ điều kiện bên dưới.
<b:if cond='data:view.isPost'>Đoạn JS bên trên</b:if>
Xem thêm nhiều bài viết về thủ thuật blogspot