Thay đổi màu nền và thêm icon cho thanh tiêu đề tiện ích

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...

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;
}


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 bạn thành công

Nguồn: dunghenessy.

COMMENTS

BLOGGER: 2
  1. This comment has been removed by the author.

    ReplyDelete
  2. minh tim khong thay code ban oi... giup minh voi....minh dang tim cai nay nek :(

    ReplyDelete

Name

Banner,2,Code,8,CSS,2,DNS cho Blogger,6,Favicon,1,HTML,6,JavaScript,2,Kiếm tiền với Youtube,1,Labels,1,Mật khẩu cho bài đăng,1,Nhãn,1,Search Google,1,Template Blogger,1,theme blogger,1,Thủ thuật Blogger,45,Thủ thuật Youtube,2,Tiệc ích Password,3,Tiện ích,9,Tiện ích bài viết liên quan,2,Trang,1,Wifi,1,Xóa bản quyền,1,
ltr
item
Khám Phá Blogger: Thay đổi màu nền và thêm icon cho thanh tiêu đề tiện ích
Thay đổi màu nền và thêm icon cho thanh tiêu đề tiện ích
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjNKe4M3OwRADLDEaqEeQ1qN5weVzQYZbdz1y059y2xURi_dTj6ob2yuRBLxYJI8UrnqoM0hlSZpDR4v4raR4lUKzrKE2ecusxtiKkVsAcndGfZ09PHQg-kTHwlt38XXhKnrImfNhabWGa/s1600/DoiMauThanhTienIch-DanhBaAmThucChay.com.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjNKe4M3OwRADLDEaqEeQ1qN5weVzQYZbdz1y059y2xURi_dTj6ob2yuRBLxYJI8UrnqoM0hlSZpDR4v4raR4lUKzrKE2ecusxtiKkVsAcndGfZ09PHQg-kTHwlt38XXhKnrImfNhabWGa/s72-c/DoiMauThanhTienIch-DanhBaAmThucChay.com.png
Khám Phá Blogger
https://blogger.affimart.com/2012/09/thay-doi-mau-nen-va-them-icon-cho-thanh.html
https://blogger.affimart.com/
http://blogger.affimart.com/
http://blogger.affimart.com/2012/09/thay-doi-mau-nen-va-them-icon-cho-thanh.html
true
4203661997903332293
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy