Thay đổi màu nền thanh tiêu đề tiện ích Blogspot

 Thay đổi màu nền thanh tiêu đề tiện ích Blogspot

Chúng ta có thể thay đổi màu nền cho thanh tiêu đề tiện ích Blog một cách dễ dàng trong trình thiết kế mẫu HTML, tuy nhiên thẻ này chỉ áp dụng cho giao diện Blogger mặc định, còn các giao diện bạn tải trên mạng sẽ không có tác dụng với "Trình thiết kế mẫu" này.

 

 

TRƯỚC KHI THAY ĐỔI MÀU THANH TIÊU ĐỀ CỦA BLOG

 

MÀU NỀN THANH TIÊU ĐỀ BLOG SAU KHI ÁP DỤNG THỦ THUẬT

 

Với giao diện được tải về trên mạng, chúng ta phải áp dụng thủ thuật sau:

 

Đầu tiên, bạn đăng nhập vào Blog > Chọn thiết kế > Chọn chỉnh sửa HTML (bấm chọn Mở rộng mẫu tiện ích), bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào dòng lệnh .main .Blog { và Enter thì bạn sẽ thấy dòng lệnh giống như vầy:   

.main .Blog {
border-bottom-width: 0;
}

Bây giờ, bạn thêm vào sau nó dòng lệnh dưới đây:

.sidebar .widget h2 {
background: yellow url('URL OF YOUR IMAGE') no-repeat left top;
margin-top:5px;
text-indent: 20px;
padding:7px;
}

Code ở trên đang áp dụng màu nền vàng, bạn có thể thay đổi màu khác để thích hợp với màu giao diện của Blog mình bằng cách thay đổi chữ Yellow thành: green (xanh da trời), Blue (xanh dương), White (trắng), Black (đen), Red (đỏ)...và dán link icon vào thay thế dòng lệnh URL OF YOUR IMAGE và bấm Lưu mẫu là xong

                Bổ sung thêm:

có nhiều theme từ khóa không giống như trong bài viết. Nếu các bạn gặp trường hợp này hãy thứ gõ từ này nhé. #sidebar-secondary{ Và đoạn code tìm được là

 #sidebar-secondary{
width:200px;
float:right;
margin:0;
padding:0;
}
#main, #sidebar-1, #sidebar-2{
margin:0;
padding:0;
}

Khi xác định được đoạn code trên các bạn chỉ việc dán đoạn code trong bài viết này vào và đổi màu theo tùy thích là được.

 

Chúc các bạn thành công!.