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
29 nhận xét:
.main .Blog {
không thấy dòng này bạn ơi
Bạn phải đánh dấu chọn MỞ RỘNG MẪU TIỆN ÍCH mới thấy lệnh này nha
minh khong tim thay dong .main .Blog { trong mo rong mau tien ich
Chắc do bạn dùng giao diện mặc định của Blogspot nên nó sẽ không có lệnh này...
Dũng ơi ! ở giao diện mặc định của blogspot , anh tìm trong phần "NÂNG CAO" không có chổ nào để có thể thay đổi màu nền cho thanh tiêu đề tiện ích !...Em xem lại coi có phải hông.? ( hay là có thể anh không thấy )...GR
Em đã trả lời qua mail cho Anh rồi đó anh "Giaro" ơi!!!
E đang dùng mẫu Mygallerytemplate của anh:
+ Nhưng sao em tìm dòng .main .Blog { không thấy(Em đã chọn mở rộng rồi).
+ Có cách nào khác kho trang này không a?
Cảm ơn anh nhiều!
-> Nhận tiện đây em muốn hỏi thêm:
+ Em muốn thay đổi nền tiện ích bằng một hình ảnh nào đó được không ạ(có gắn link liên kiết)!
và nếu được thì ảnh đó có kích thước bao nhiêu là vừa a Dũng!
Cảm ơn anh nhiều nhe!
Anh chưa hiểu ý của em, em định thay đổi màu nền tiện ích của theme này (hiện là màu đen) thành màu khác hả??? nếu vậy thì anh chưa biết vụ này. Còn kích thước của nó chiều rộng của khung nền tiện ích là 280px
Anh Dũng ơi, nếu em tạo 1 hình ảnh có kích thước 230x30 chẳng hạn để gán vào thanh tiêu đề tiện ích, vậy sau này em thay đổi chiểu rộng của sidebar, đồng nghĩa với việc chiều rộng của hình em tự tạo cũng phải thay đổi theo. Vậy hình này sẽ tự thay đổi theo kích thước sidebar mà em thay đổi hay là em phải tạo lại một hình khác để chèn vào nữa hả anh?
Đúng vậy, khi thay đổi chiều rộng của Sidebar thì em phải làm một hình khác có chiều rộng phù hợp với chiều rộng mà em đã thay đổi cho Sidebar.
anh ơi em ko tìm thấy .main .Blog { trong thiết kế html của em là sao ạ??
Vậy thử tìm side-bar xem sao?
hi Dung,mình dung mẫu mặc định blogspot, bây giờ minh muốn thay đổi màu và thêm hình cho thanh tiêu đề tiện ích liệu có dc ko. bằng cách nào b chi cho minh với.thank dung nhiu.nếu dc d gửi wa mail' thuangddbk31@gmail.com som nhan dc hoi am cua d.nhung bai viet cua b rat hay.mih rat thich.mog dc lam wen voi b.
Thủ thuật này chỉ sử dụng cho các giao diện được tải trên mạng về, không áp dụng cho giao diện mặc định của Blogspot...
Hân hạnh được làm quen với bạn
Mình đã làm được theo cách này rồi. Tuy nhiên, mình phải điều chỉnh một chút mới tìm thấy mã trên. Các bạn phải đánh liền .main .Blog{ thì mới tìm thấy. Nếu có khoảng cách giữa Blog và dấu { thì sẽ không tìm được.
Chúc các bạn thành công.
Cám ơn BSKuTu đã bổ sung cho dunghennesssy
Hi, các bạn. Mình đã áp dụng thành công tiện ích này nhưng 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.
sao em làm vào setting->lay out-> add gadget-> chon HTML/java-> gõ vào find .main.Blog{ mà nó ko hiện ra cái đoạn mã anh chỉ, bây giờ em tự gõ vào đó rồi dán code vào đc ko
Chữ main.blog và dấu ngoặc móc phải có khoảng trắng, nếu vẫn không có thì bạn thử làm theo cách mà bạn Nhuận Trí Lưu đã comments trên comments của bạn thử xem
Cảm ơn rất nhiều , mình đã làm được
Dunghennessy cũng cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy
Em muốn thay đỏi font cho tiêu đề tiện ích thì phải lam sao? Anh chỉ giúp với!
Muốn chỉnh font chữ cho tiêu đề tiện ích thì em phải vào chỉnh sửa mã nguồn HTML, sau đó kiếm các dòng lệnh FONT của SIDEBAR để thay đổi cho nó....
Anh chỉ em cụ thể hơn với!Em tìm ra mà nhiều quá hong biết phải làm sao!
Em chỉ cần tìm dòng lệnh nào có chữ Sidebar (đi cùng với chữ này thường có các chữ FONT, WIDTH, HEIGHT, BACKGROUNG.... em chỉ cần chỉnh lại font ở dòng lệnh Font mà thôi, sau cùng bấm Lưu mẫu là Ok
thanks anh!
A ơi, cho em hỏi, cái blog của em k có phần mở rộng mẫu tiện ích, mà em vào chỉnh sửa html tìm k có ra cái cụm .main .Blog {
border-bottom-width: 0;
}
A ơi, cho em hỏi, cái blog của em k có phần mở rộng mẫu tiện ích, mà em vào chỉnh sửa html tìm k có ra cái cụm .main .Blog {
border-bottom-width: 0;
}
Mình có 1 thanh menu nằm ngang trong blog. Mình muốn thay đổi màu thanh menu đó phải làm như thế nào. Bạn giúp mình với.
Thanks bạn nhiều
Đăng nhận xét