Home
Blogger

Hướng dẫn ẩn hình ảnh đầu tiên của bài viết blogger


 Hôm nay xin gửi tới các bạn một bài hướng dẫn nhỏ, Ẩn hình ảnh đầu tiên của bài viết blogger, hình đầu tiên của bài viết blogspot đó chính là thumbnail, ảnh nhỏ của bài viết.

    Khi viết bài chúng ta thường chuẩn bị một hình ảnh đại diện cho mỗi bài viết riêng biệ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. Thêm CSS, bạn có thể thêm css vào trước ]]></b:skin> 

.postBody .separator:first-child {
    display: none !important;
}
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: Thêm 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ẻ 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 các bài viết về Tutorial Blogger tại đây