Khi bạn tạo một blog Tumblr mới, hệ thống sẽ tạo một mẫu mặc định có các cài đặt mà bạn có thể điều chỉnh. Như Tumblr lưu ý, tính linh hoạt này mang lại cho bạn khả năng chọn trang blog của mình hấp dẫn hơn và tạo cho nó một dấu ấn cá nhân. Ngay cả khi bạn không hiểu HTML, bạn có thể áp dụng một bản cập nhật đơn giản cho mẫu để làm cho tiêu đề trong bài đăng văn bản của bạn trở nên nổi bật.
Tạo kiểu trang web 101
Chủ sở hữu trang web thay đổi giao diện trang Web của họ bằng cách thêm các thuộc tính và giá trị của Trang định kiểu xếp tầng vào mã của họ. Ví dụ, giá trị của thuộc tính màu xác định màu của một đối tượng. Mọi người sử dụng thuộc tính background-color cho màu nền. Bạn cũng có thể sử dụng thuộc tính font-size để thay đổi phông chữ của phần tử văn bản. Bằng cách áp dụng một hoặc nhiều thuộc tính CSS cho mã HTML của blog Tumblr, bạn có thể tùy chỉnh các phần tử của nó.
Tìm mã mẫu của bạn
Nếu bạn truy cập trang tổng quan Tumblr của mình và nhấp vào “Tùy chỉnh”, bạn có thể mở trình chỉnh sửa HTML bằng cách nhấp vào “Chỉnh sửa HTML” trong bảng điều khiển bên trái của Chủ đề tùy chỉnh. Nếu bạn không thấy “Chỉnh sửa HTML”, hãy cuộn lên đầu bảng để tìm. Khi trang mở ra, nhấn “Ctrl-F” và nhập “post .title” vào hộp tìm kiếm (không có dấu ngoặc kép). Trình chỉnh sửa chuyển đến dòng mã có nội dung "#wrapper #content .post .title {."
Tạo kiểu cho HTML của bạn
Các thuộc tính CSS mà bạn thêm vào sau dòng mã bạn tìm thấy sẽ xác định giao diện tiêu đề bài đăng của bạn. Kiểm tra điều này bằng cách dán "color: red; background-color: yellow; text-decoration: underline;" sau dòng đó. Không sử dụng dấu ngoặc kép. Ba thuộc tính đó thay đổi màu sắc, màu nền và trang trí văn bản của tiêu đề bài đăng của bạn thành màu đỏ, vàng và gạch chân. Nhấp vào "Cập nhật bản xem trước" sau đó là "Lưu" và truy cập trang bảng điều khiển Tumblr của bạn. Nhấp vào hình ảnh hồ sơ của bạn và bạn sẽ thấy trang blog của mình theo cách những người khác làm. Các bài đăng có tiêu đề sẽ hiển thị các thuộc tính mới mà bạn đã thêm.
Giữ cho blog của bạn luôn mới
Thay đổi các giá trị của các thuộc tính CSS của bạn bất cứ khi nào bạn muốn tạo kiểu khác cho văn bản tiêu đề của mình. Ví dụ: nếu bạn muốn văn bản màu xanh lá cây trên nền đỏ một ngày nào đó, hãy thay đổi các màu hiện có thành hai màu đó. Bạn cũng có thể thay thế gạch chân bằng gạch chân, gạch ngang hoặc không. Nếu bạn cũng muốn thay đổi kích thước phông chữ của mình, hãy dán "font-size: 22px" vào cuối mã bạn đã thêm. Không sử dụng dấu ngoặc kép. Thay thế 22 bằng kích thước pixel bạn muốn sử dụng cho văn bản của mình. Trong ví dụ này, kích thước sẽ là 22 pixel. Giá trị lớn hơn tạo ra văn bản lớn hơn và giá trị nhỏ hơn tạo ra văn bản nhỏ hơn. Truy cập một trang web chẳng hạn như W3Schools.com hiển thị tên của các màu khác mà bạn có thể sử dụng để tạo kiểu cho blog của mình (liên kết trong Tài nguyên).
