Header ads

Cách tạo thumbnail bài đăng tùy chỉnh cực kỳ đơn giản

Mặc định blogger sẽ lấy hình ảnh đầu tiên trên bài đăng làm ản thumbnail. Tuy nhiên trong nhiều trường hợp cần thiết bạn muốn tự mình tùy chỉnh ảnh thumbnail theo ý mình để tạo ấn tượng cho bài đăng

Chỉ với mẹo đơn giản sau đây các bạn có thể tự mình tùy chỉnh ảnh thumbnail trong vòng một nốt nhạc

Các thumbnail cực đẹp trên trang pkientruc


Các bạn làm như sau:


1- Tạo  Bài đăng mới như bình thường


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ủ lên bài



2- Thêm thuộc tính display: none cho ảnh


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.

Post a Comment

0 Comments