Ẩn xóa hình đầu tiên của bài viết blogspot

Nếu chưa có kinh nghiệm về Blogspot đừng lo lắng mình có dịch vụ Cầm Tay Chỉ Việc, hãy gọi hoặc Zalo ngay cho mình: 097.1539.681 để được tư vấn và hỗ trợ nhanh nhất nhé!

Dưới đây là một số cách giúp bạn Ẩn hoặc xóa hình đầu tiên của bài viết blogspot, 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 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

Bài viết: Ẩn xóa hình đầu tiên của bài viết blogspot được viết bởi admin trang Giaodien.blog

Vui lòng để lại nguồn nếu bạn chia sẻ lại bài viết này.

Để lại nguồn có nghĩa là bạn tôn trọng tác giả.

Động lực để mình chia sẻ nhiều bài viết hay.

Tags: Blog