Thay thế ảnh thumbnail hiện ở trang chủ - Blogger

Nếu bạn đã sử dụng qua Auto Readmore với Thumbnail (tất cả mọi loại), bạn sẽ thấy thì toàn bộ đều lấy ảnh đầu tiên làm ảnh thumbnail. Vì sao chúng ta cần thay thế nó bằng ảnh khác? Nếu bạn thường xuyên lướt web, bạn sẽ thấy rất nhiều trang làm thế, mình xin dẫn chúng thực tế kenh14.vn, genk.vn, game8.vn,.. nếu bạn xem qua thế lý do là gì chắc bạn cũng hiểu rồi, họ muốn lấy một ảnh khác hấp dẫn hơn với người dùng nhưng lại muốn nó ở cuối bài để người dùng xem hết toàn bộ bài viết đó.

Do dó hôm nay, tại bài viết này mình xin hướng dẫn các bạn thay thế ảnh thumbnail ở ngoài trang chủ bằng một ảnh bất kỳ.

Thay thế ảnh post thumbnail hiện ở trang chủ - Blogger

Như mình đã nói ở đầu bài, ở những script tự động thì ảnh đầu tiên của bài viết sẽ được lấy làm ảnh thumbnail của bài viết đó. Bạn biết vì sao mình in đậm chữ ảnh đầu tiên chứ :) Đấy là mẹo của mình, ở đây mình sẽ lấy một ảnh khác và đặt nó vào vị trí đầu tiên của bài viết, nhưng mình lại không cho nó xuất hiện với người dùng. Mặc dù không được xuất hiện nhưng script sẽ vẫn lấy ảnh đấy ra làm ảnh thumbnail.

Đăng nhập vào Blogger » Bài đăng mới

Tại khung soạn thảo của bài viết bạn đăng lên ảnh mà bạn muốn hiện ra ngoài trang chủ các thức như bình thường

Tiếp đến chuyển sang khung soạn thảo bằng HTML, sau đó thêm đoạn sau vào thuộc tính style của thẻ a hoặc thẻ img

display: none;

ở đây v.d. mình thêm vào thuộc tính của thẻ a

Sau đó đăng viết bài bên dưới nó và thêm các ảnh khác một cách bình thường.

Lời kết

Như bạn đã thấy chỉ với một mẹo nhỏ bạn đã thay thế được ảnh thumbnail ngoài trang chủ, bằng việc sử dụng đúng cách thì bạn có thể thu hút được nhiều người dùng đọc bài đăng có trên blog của bạn.