Cách thêm css vào blog

Hôm nay tôi sẽ hướng dẫn các bạn làm thế nào để thêm đoạn css trong blog .
Trước khi đi vào hướng dẫn tôi nói thêm cho các bạn CSS là gì? 
+Cụm từ viết tắt  CSS có tên đầy đủ là Cascading Style Sheets  nói cách dễ hiểu là nó mang lại cho blog của bạn một giao diện, nó giúp bạn chọn, tô màu, backgroun, hình nền, phông chữ và nhiều thứ khác và nó giúp tạo kiểu cho một html trông đơn giản thành một thiết kế hấp dẫn, mọi người đều muốn tạo blog của mình một giao diện khác hoặc khác thường, điều đó có thể đạt được thông qua CSS.Đây là ngôn ngữ mã hóa dung lượng rất nhẹ và không làm tăng đáng kể kích thước trang, điều tốt nhất về CSS là nó rất dễ học và bất cứ ai cũng có thể làm những thứ cơ bản với nó.
Có tổng số 2 phương pháp để thêm css vào blog blogger của bạn và tôi sẽ hướng dẫn các bạn theo từng bước bên dưới.
*Bằng cách sử dụng Trình tùy chỉnh mẫu Blogger: Đây là phương pháp đơn giản nhất và nó không đòi hỏi nhiều thứ phức tạp,nhưng cũng có khả năng tạo ra lỗi hoặc sự cố trong khi thêm CSS vào blog của bạn là rất ít người sử dụng phương pháp này. hãy làm theo các bước dưới đây để thêm CSS bằng Trình tùy chỉnh mẫu Blogger.
1.Đăng nhập vào tài khoản blogger của bạn tại blogger.com/home và nhấp vào blog cụ thể.
2.Từ Bảng điều khiển blog của bạn, đi đến Tab Chủ đề của blog của bạn và nhấp vào nút Tùy chỉnh.
3.Trong menu Tab nâng cao ở khung bên trái, cuộn xuống và chọn Thêm CSS. Tuy nhiên, nếu bạn đang sử dụng Mẫu Blogger của bên thứ ba, có thể chỉ có menu phụ Thêm CSS ở khung bên phải.

*Bằng cách sử dụng Chỉnh sửa phương thức HTML : Đây là phương pháp nâng cao và đòi hỏi bạn phải có một số kiến ​​thức về mã hóa và bạn đã làm quen với quy trình làm việc của trình soạn thảo HTML của blogger để làm theo phương pháp này. Nếu bạn làm theo phương pháp này, bạn có thể thêm css vào blog của mình rất dễ dàng. 
Trước khi tiến hành chỉnh sửa,tôi khuyên bạn nên tạo bản sao lưu mẫu của mình, để mọi thứ không ổn, bạn vẫn có quay lại với thiết kế blog ban đầu.
 Việc đầu tiên bạn cần làm là đăng nhập vào tài khoản Blogger của bạn và truy cập→ Mẫu → Chỉnh sửa HTML và tìm kiếm kết thúc  ]]> </ b: skin> .Sau đó dán đoạn mã CSS vào trước nó!Mã CSS sẽ trông giống như thế này.
///////////////////////////////////////////////////////////////
body {
color: #2e2e2e;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 21px;
background: #f8f8f8;
}
///////////////////////////////////////////////////////////////
Trong phần thân (body) mã ở trên là tên của id / class đó của html. CSS luôn được bao bọc bằng { Mã theo dõi của bạn } . Bên trong dấu ngoặc này các mã chịu trách nhiệm tạo kiểu cho blog của bạn.
Lưu ý nếu bạn không thể tìm thấy  ]]> </ b: skin> trong mẫu blog của mình thì hãy làm theo phương pháp dưới đây. 
Tìm kiếm kết thúc  </ head> .Bây giờ ngay trước </ head> bạn dán mã CSS của mình. Mã CSS sẽ trông giống như thế này.
 ///////////////////////////////////////////////////////////////
<style>
body {
color: #2e2e2e;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 21px;
background: #f8f8f8;
}
</style>
///////////////////////////////////////////////////////////////
Trong đoạn mã trên, tôi đã đóng đoạn mã trước đó bằng thẻ <style> </ style> .
Bây giờ bạn hãy lưu mẫu của bạn bằng cách nhấp vào nút Lưu.Việc cuối cùng là bạn mở blog của bạn và xem kết quả tùy chỉnh như thế nào, hy vọng bạn thích hướng dẫn này, nếu bạn thích thì hãy chia sẻ nó với bạn bè của bạn, hãy nhớ theo dõi trang để xem những bài viết khác.

Bình Luận()