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 đó.

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

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

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

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

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

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.

16 bình luận

  1. avatar says

    13:20 Ngày 10 tháng 05 năm 2014

    cho hỏi, bây giờ mình có 1 tem down trên mạng về, nhưng nó lại không lấy ảnh đầu làm thumb mà chỉ nhận ảnh từ pisaca chứ không từ host khác. Giờ có cách nào lấy ảnh đầu bài làm thumb mà không ngại host pisaca không :)
    Cảm ơn

  2. avatar says

    16:36 Ngày 10 tháng 05 năm 2014

    Chỉ có duy nhất một cách là thay thế thủ công Auto read more có sẵn của template đó bằng cái khác thôi, mà nó lại rất chi là rắc rối bạn nhé ~.~

  3. avatar says

    11:03 Ngày 07 tháng 06 năm 2014

    Mình đã làm theo hướng dẫn của bạn nhưng trong phần bài viết lại không hiện ảnh. Mình sử dụng template mà bạn đã hướng dẫn trong bài tự tạo giao diện đơn giản của bạn đó..Cảm ơn

  4. avatar says

    13:27 Ngày 07 tháng 06 năm 2014

    Bạn chỉ nên bỏ thuộc tính display:none; vào đúng ảnh đâu tiên (ảnh mà hiện ở trang chủ), còn những ảnh khác bạn không thêm vào nhé!

  5. avatar says

    00:31 Ngày 07 tháng 07 năm 2014

    có cách nào lấy thumbail của video youtube hiện trên module bài viết ngẫu nhiên không anh nhỉ :-?

  6. avatar says

    08:26 Ngày 07 tháng 07 năm 2014

    Hiện tại thì không có cách nào bạn ơi, mấy widget recent rồi random bây giờ sử dụng json của Blogger để lấy dữ liệu về, nhưng mà trong json của Blogger lại không chứa địa chỉ ảnh của youtube, nên thành ra bó tay bạn ạ :D

  7. avatar says

    15:18 Ngày 07 tháng 07 năm 2014

    Khó nhỉ :D Ah ví dụ em đang dùng template BlogTube để bluid blog video, em muốn tại trang chủ hiện các widge khác nhau theo label thì phải làm thế nào ạ?

  8. avatar says

    15:35 Ngày 07 tháng 07 năm 2014

    Mình không hiểu ý bạn lắm, đã là trang chủ rồi còn hiện các widget theo label là sao bạn :D

  9. avatar says

    17:10 Ngày 07 tháng 07 năm 2014

    dạ, ví dụ em có 20 bài viết trong 5 label, em muốn tạo 5 widge tương ứng với 5 label và hiện 20 bài viết tương ứng trong 5 label đó ở trang chủ. ý là vậy đó anh. bởi vì chỉ có 1 vùng post blog nó post chung tất cả lên thôi chứ không phân chia category. :P

  10. avatar says

    08:51 Ngày 18 tháng 09 năm 2014

    hay quá mình là dc rui, thanks

  11. avatar says

    11:49 Ngày 12 tháng 11 năm 2014

    bác ơi cho hỏi là có mấy hôm mình post bài thì nó hiện ảnh thumbanil mà bữa nay post hai bài mà ko hiện cái nao là bị sao vậy bác

  12. avatar says

    20:49 Ngày 12 tháng 11 năm 2014

    Mình vừa ghé blog bạn thấy nó đang hiện bình thường nhé :D. Không hiểu sao hôm nay rất nhiều người inbox mình hỏi về vấn đề này :D

  13. avatar says

    10:53 Ngày 15 tháng 09 năm 2015

    Bạn ơi xem giúp mình với. Trang của mình đã làm đúng như bạn hướng dẫn mà không được. Trang của mình là http://cuoixuyenviet.vn mình dùng theme Video Lab. Mình dùng theme khác thì hiện ảnh còn theme mình đang dùng lại không hiện. Bạn giúp mình nhé. Cũng có rất nhiều bạn bị giống mình hay bạn viết thêm bài nữa đi.hi

  14. avatar says

    08:21 Ngày 16 tháng 05 năm 2016

    Bro cho mình hỏi chút blog mình đang lấy nội dung tổng hợp các trang khác liên quan đến Hà Nội, mình muốn hỏi là khi mình lấy tin tự động, templates không tự động nhận ảnh thumbnail, làm thế nào để nó tự động hiển thị thumbnail đc nhỉ?

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.