Cách đặt ảnh đằng sau tiêu đề bài đăng trên Tumblr

Theo mặc định, blog Tumblr của bạn hiển thị tiêu đề văn bản với tiêu đề blog phía trên các bài đăng của bạn. Để làm nổi bật giao diện trang của bạn, bạn có thể thêm một hình ảnh tùy chỉnh vào tiêu đề, trong khi vẫn để văn bản hiện có hiển thị trên đầu hình ảnh. Trên chủ đề Tumblr mặc định, điều này yêu cầu sửa đổi HTML của chủ đề, nhưng việc thêm hình ảnh chỉ mất một dòng mã bổ sung.

Đăng nhập vào tài khoản Tumblr của bạn và mở trang "Tải lên tệp tĩnh" (liên kết trong Tài nguyên). Tumblr cung cấp không gian tải lên này dành riêng cho các tệp chủ đề, vì vậy đừng sử dụng nó để tải hình ảnh lên blog của bạn.

Chọn hình ảnh bạn muốn sử dụng trong tiêu đề của mình và nhấp vào "Tải lên tệp". Hình ảnh phải có kích thước dưới 5MB và bạn chỉ có thể tải lên tối đa 15MB mỗi ngày.

Sao chép địa chỉ mà Tumblr hiển thị cho hình ảnh đã tải lên của bạn.

Mở trang Cài đặt Tumblr, chọn blog bạn muốn chỉnh sửa và nhấp vào "Chỉnh sửa chủ đề". Nhấp vào "Chỉnh sửa HTML" dưới tên chủ đề của bạn.

Cuộn xuống mã đến tiêu đề hiện tại của bạn. Để giúp tìm đúng dòng, hãy nhấn "Control-F" và tìm kiếm "IfShowBlogTitle" (không có dấu ngoặc kép).

Nhập mã "

"(không có dấu ngoặc kép) ngay trước" {Title} "trên dòng" IfShowBlogTitle ". Dán địa chỉ hình ảnh bạn đã sao chép trước đó vào trong dấu ngoặc đơn.

Nhấp vào "Cập nhật Xem trước" để xem giao diện mới của blog của bạn. Nếu có vẻ chính xác, hãy nhấp vào "Lưu".

Lời khuyên

Nếu văn bản lớp phủ chiếm nhiều dung lượng hơn hình ảnh của bạn, hình ảnh sẽ lặp lại để lấp đầy khoảng trống cần thiết. Nếu bạn muốn hình ảnh chỉ xuất hiện một lần bất kể, hãy thêm "background-repeat: no-repeat;" (không có dấu ngoặc kép) ngay trước dấu trích dẫn cuối cùng trong mã bạn đã thêm.

Cảnh báo

Thông tin trong bài viết này áp dụng cho chủ đề Tumblr mặc định. Các chủ đề khác có thể hoạt động theo cách khác hoặc bao gồm một cách để sửa đổi tiêu đề của bạn mà không cần chỉnh sửa mã theo cách thủ công.