Thứ Bảy, 27 tháng 4, 2013

Cách thay đổi màu và thêm icon đẹp vào tiêu đề trên sidebar



Các bạn có thể dễ dàng thay đổi màu nền cho thanh tiêu đề tiện ích khi vào thẻ "Trình thiết kế mẫu", nhưng 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ẽ vô ích với "Trình thiết kế mẫu" này.
Đối với giao diện tải về trên mạng, bạn 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;
}

Trong đó: 
- yellow: các bạn có thể đổi cho thích hợp với Blog/web của mình! Các bạn tìm mà màu  tại đây
URL OF YOUR IMAGE: thay bằng icon đẹp tại đây





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.

theo dunghenessy

Không có nhận xét nào:

Đăng nhận xét