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:
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;
}
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
Share This:
Blog Tự Động Hóa 68
Tôi là Đại Thành. Tôi thích chia sẽ đam mê về Điện Tự Động Hóa, Điện Lạnh Và Internet....Bài viết có thể chưa thật sự hoàn hảo nhưng hy vọng sẽ giúp ích được cho các bạn. Cảm ơn đã ghé trang.
Mời bạn bình luận cho bài viết " Cách thay đổi màu và thêm icon đẹp vào tiêu đề trên sidebar "