▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

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

vn-tech nói...

.main .Blog {

không thấy dòng này bạn ơi

dunghennessy 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

Hack CF nói...

minh khong tim thay dong .main .Blog { trong mo rong mau tien ich

dunghennessy nói...

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

GiaRo nói...

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

dunghennessy nói...

Em đã trả lời qua mail cho Anh rồi đó anh "Giaro" ơi!!!

phamvanphuong nó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!

dunghennessy nói...

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

Lê Hoàng Chiến nói...

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?

dunghennessy nói...

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

Nặc danh nói...

anh ơi em ko tìm thấy .main .Blog { trong thiết kế html của em là sao ạ??

dunghennessy nói...

Vậy thử tìm side-bar xem sao?

Unknown nói...

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.

dunghennessy nói...

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

BS.KuTu nói...

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.

dunghennessy nói...

Cám ơn BSKuTu đã bổ sung cho dunghennesssy

Triệu Hoàng Tình - Chuyên gia nhân hiệu nói...

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.

Unknown nói...

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

dunghennessy nói...

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

THPT VẠN TƯỜNG nói...

Cảm ơn rất nhiều , mình đã làm được

dunghennessy nói...

Dunghennessy cũng cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy

victorydreams nói...

Em muốn thay đỏi font cho tiêu đề tiện ích thì phải lam sao? Anh chỉ giúp với!

dunghennessy nó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ó....

victorydreams nói...

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!

dunghennessy nói...

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

Unknown nói...

thanks anh!

Unknown nói...

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

Unknown nói...

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

Unknown nói...

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

 
Powered by by: Blogger