Thêm cột & hàng bổ sung vào Tumblr

Bạn có thể chỉnh sửa chủ đề Tumblr của mình theo bất kỳ cách nào bạn muốn bằng trình chỉnh sửa Tumblr HTML. Các chủ đề Tumblr sử dụng “

”Để chỉ định các phần trong chủ đề. Bạn có thể thêm một cột bổ sung, chẳng hạn như thanh bên, vào chủ đề của mình bằng cách sử dụng kết hợp Trang tính kiểu xếp tầng - hoặc mã CSS - và mã HTML. Xác định một bảng trong một trong những
phần, sau đó thêm các hàng bằng cách sử dụng các thẻ. Thêm ô vào các hàng có các thẻ.

Xác định một cột thanh bên

Mở trang tổng quan Tumblr của bạn, sau đó chọn blog để sửa đổi trong trang tổng quan của bạn.

Nhấp vào “Tùy chỉnh”, sau đó nhấp vào “Chỉnh sửa HTML” để mở trình chỉnh sửa HTML.

Xác định cột bằng cách chèn đoạn mã sau vào giữa "”Trong phần CSS của mã chủ đề. Bạn có thể tạo kiểu cho thanh bên, như mong muốn, nhưng đoạn mã dưới đây cung cấp cấu trúc cơ sở cho cột:

.sidebar {vị trí: tương đối; trái: 0px; đầu trang: 0px; }

Chèn đoạn mã sau vào giữa “

"Và tương ứng"
”Trong phần nội dung của mã HTML nơi bạn muốn cột xuất hiện. Thay thế văn bản “(Chèn nội dung thanh bên của bạn vào đây)” bằng nội dung của riêng bạn.

... (Chèn nội dung thanh bên của bạn vào đây) ...

Nhấp vào “Bản xem trước cập nhật”, sau đó nhấp vào “Lưu” để lưu các thay đổi của bạn. Nhấp vào “Thoát” để đóng menu Tùy chỉnh.

Xác định một bảng với các hàng

Mở mã chủ đề trong trình chỉnh sửa HTML Tumblr, sau đó tìm

mà bạn sẽ sử dụng cho bảng của mình. Tạo một cái mới "
”, Nếu muốn.

Chèn đoạn mã sau để xác định bảng mới. Thay thế “Ô 1”, “Ô 2”, v.v. bằng nội dung của bạn. Sử dụng các kiểu CSS để định dạng bảng, như mong muốn.

Hàng 1, ô 1Hàng 1, ô 2
Hàng 2, ô 3Hàng 2, ô 4

Nhấp vào “Bản xem trước cập nhật”, sau đó nhấp vào “Lưu” để lưu các thay đổi của bạn. Nhấp vào “Thoát” để đóng menu Tùy chỉnh.

Lời khuyên

Hầu hết các chủ đề Tumblr đều hỗ trợ tính năng Endless Scrolling, vì vậy không cần thêm hàng vào chủ đề của bạn trừ khi bạn muốn sắp xếp bố cục trong các bảng.

Sử dụng các kiểu CSS để tùy chỉnh giao diện của các cột của bạn. Ví dụ: để gán màu trắng làm nền, hãy chèn câu lệnh "background: #ffffff;" vào mã CSS.