Tùy chỉnh phần tiêu đề của Blog Blogger.com của bạn

Có Thể 1, 2024

Trong hướng dẫn trước, chúng tôi đã tùy chỉnh phần Liên kết cho Blogger của bạn^TM weblog. Bây giờ, chúng tôi sẽ tùy chỉnh phần Tiêu đề ở đầu blog. Tiêu đề chứa tiêu đề và mô tả blog của bạn. Chúng tôi sẽ thay đổi kiểu chữ hoặc phông chữ cho văn bản và thêm một nền màu.

Như trong hướng dẫn trước, chúng tôi sẽ thực hiện những cải tiến này bằng cách thay đổi một vài dòng mã HTML HTML mẫu. Nhấp vào tab Mẫu trong menu ở đầu trang sẽ đưa bạn đến phần Chỉnh sửa mẫu hiện tại. Bạn sẽ tìm thấy mã HTML cho mẫu trong hộp bên dưới. Chúng tôi sẽ thực hiện một vài thay đổi cho mã kiểu CSS. (Để tìm hiểu thêm về Cascading Style Sheets, hãy theo liên kết bên dưới.) Cuộn xuống mã cho đến khi bạn đến phần Tiêu đề trong thẻ kiểu CSS. Như bạn có thể thấy, thẻ kiểu rất dài và phần Tiêu đề của thẻ kiểu có sáu phần.

@media tất cả
@media cầm tay
#Tiêu đề Blog
# tiêu đề blog a
# tiêu đề blog a: di chuột
#sự miêu tả

Phần đầu tiên của mã (@media all) kiểm soát các đặc điểm của Tiêu đề bao gồm chiều rộng, lề và kích thước đường viền. Phần thứ hai (@media cầm tay) thừa hưởng các đặc điểm này từ phần đầu tiên và cũng thay đổi độ rộng của Tiêu đề thành 90 phần trăm cho màn hình cầm tay. Vì chúng tôi muốn màu nền mới được sử dụng trong cả hai trường hợp, chúng tôi sẽ thêm một dòng mã cho màu nền trong phần đầu tiên (tất cả @media). Dòng mã mới này được in đậm bên dưới. Trong ví dụ dưới đây, chúng tôi đã sử dụng màu xám nhạt nhưng thoải mái sử dụng bất kỳ màu nào bạn muốn.

@media tất cả {
# tiêu đề {
màu nền: # EFE3EF;
...
Tiếp theo, chúng tôi sẽ thay đổi kiểu chữ cho tiêu đề thành phông chữ phổ biến, theo phong cách thông thường có tên là Comic Sans MS. Tất nhiên, bạn có thể tự do sử dụng bất kỳ phông chữ nào bạn thích. Ba phần tiếp theo của mã CSS của mẫu (# blog-title, # blog-title a, # blog-title a: hover) kiểm soát các đặc điểm cho tiêu đề của blog. Phần đầu tiên kiểm soát các đặc điểm chung và hai phần còn lại kiểm soát giao diện của văn bản khi nó hoạt động như một siêu liên kết. Để đặt tiêu đề kiểu chữ hay phông chữ, trong tất cả các trường hợp, chúng tôi sẽ thêm mã CSS cho họ phông chữ vào phần đầu tiên (# blog-title). Bởi vì tên phông chữ của chúng tôi chứa khoảng trắng, nên nó cũng sẽ cần được đặt bên trong dấu ngoặc kép (truyện tranh sans ms ms).

#Tiêu đề Blog {
phông chữ gia đình: "truyện tranh sans ms";
...
Cuối cùng, chúng tôi sẽ làm việc với mã CSS cho mô tả blog của bạn (#descrip). Đây là phần cuối cùng của sáu bản gốc. Như bạn có thể thấy bên dưới, tất cả các mã CSS kiểm soát các đặc điểm phông chữ cho văn bản mô tả được liệt kê cùng nhau trên một dòng. Tất cả những gì chúng ta cần làm là thêm truyện tranh sans ms ms ms ở phía trước danh sách các phông chữ sẽ làm cho Comic Sans MS trở thành phông chữ mặc định cho văn bản mô tả.

#sự miêu tả {
...
phông chữ: 78% / 1,4em "truyện tranh sans ms", "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
...
}

Khi bạn kết thúc, nhấp vào nút Xem trước để xem trước các thay đổi của bạn và sau đó đóng cửa sổ trình duyệt đó để quay lại trang web trước đó. Nhấp vào nút Lưu Thay đổi Mẫu. Khi bạn thấy thông báo xác nhận cho biết rằng các thay đổi đã được lưu, nhấp vào nút Tái xuất bản. Để xác minh rằng blog của bạn đã được cập nhật, nhấp vào tab Xem Blog trong menu ở đầu trang. Bạn có thể cần làm mới trang web blog của mình để xem các thay đổi.

Ảnh chụp màn hình được in lại theo sự cho phép của Google Inc. Google^TM, Blogger^TM và BlogSpot^TM là các nhãn hiệu hoặc nhãn hiệu đã đăng ký của Google Inc. tại Hoa Kỳ và / hoặc các quốc gia khác.

Video HướNg DẫN: [Tối ưu seo cho Blogspot - 06] Tối ưu tiêu đề và meta tag seo cho Blogspot (Có Thể 2024).

Tùy chỉnh Phần tiêu đề của Blog Blogger.com, HTML, thay đổi tiêu đề và mô tả blog Blogger của bạn, thay đổi kiểu chữ cho mẫu Blogger, thêm nền màu vào mẫu Blogger, thay đổi mã CSS cho mẫu Blogger, thêm mã CSS vào templage của Blogger , Phông chữ mẫu Blogger, họ phông chữ mẫu Blogger, thẻ kiểu CSS

Bài TrướC

TiếP Theo Bài ViếT

Bài ViếT Liên Quan

máy tính

Ảnh chụp màn hình Final Fantasy VIII

Có Thể 2024

Final Fantasy VIII có đồ họa tuyệt vời, các đoạn cắt cảnh tuyệt đẹp và một điệu nhảy rất đáng nhớ. Hãy nhìn vào ảnh chụp màn hình! Bạn cũng có thể đọc bài Đánh giá về Final Fantasy VIII. Dòng...

máy tính

Chức năng kiểm tra biến IsDate

Có Thể 2024

Hàm IsDate là TIÊU CHUẨN cho bất kỳ ai làm việc với ngày. Điều này giúp đảm bảo rằng ngày hoàn toàn hợp lệ trước khi được vận hành hoặc đưa vào cơ sở dữ liệu. Nhiều cuộc gọi cơ sở dữ liệu sẽ hoàn...