Ủng hộ mình bằng cách bấm vào Quảng Cáo để giúp mình phát triển hơn nhé!
Xin chào các bạn, cũng đã khá lâu rồi mình không viết bài để Up lên Blog vì mình hơi bận học. Hôm nay rảnh lên mình ngồi viết bài về cái Widget Label Dạng Dropmenu Version 2 cho các bạn, thực chất là chỉ thay đổi màu nền cho nó thôi ( gọi Version 2 cho nó oai ) Thôi không linh tinh luyên thuyên nữa bắt đầu vào công việc luôn nhé...

Label Widget Dạng Dropmenu Đẹp Cho Blogger
Hình Ảnh Minh Hoạ


Các bước thực hiện:


Bước 1: Truy cập quản trị Blogger - Bố cục - Thêm tiện ích - Nhãn (Label) và nhớ ID của tiện ích đó.
- Thông thường thì ID của tiện ích đó là  Label1
Bước 2: Truy Cập vào phần Chủ Đề - Chỉnh sửa HTML:
Nhấn Tổ hợp phím Ctrl+F và tìm đoạn code có dạng sau:
<b:widget id='Label1' locked='false' title='' type='Label' version='1'>...</b:widget>

Bước 3: Thay toàn bộ đoạn code trên bằng code mới bên dưới:
<b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <select onchange='location=this.options[this.selectedIndex].value;' style='background:#7577a9;width:100%;color: #fff;position: relative;width: 100%;margin: 0;padding: 6px 8px 6px 10px; height: 40px; line-height: 20px; font-size: 15px; border: 1px solid rgba(0,0,0,0.1); -webkit-appearance: none; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;'> <option>Lựa Chọn Chuyên Mục</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
Bước 4: Tìm đến thẻ ]]></b:skin> và dán đoạn CSS sau phía trên thẻ đó.
#Label1 .widget-content{background:#62648e}
Bước 5: Điều Chỉnh
- #7577a9, #62648e : Đổi thành mã mãu bạn muốn hiển thị.
Bước 6: Lưu Mẫu lại và xem kết quả.

Kết luận:

Chỉ với vài bước đơn giản các bạn đã có một cái Widget Label dạng Dropmenu thật là màu mè cho Blog của các bạn rồi. Có gì lỗi các bạn nhớ góp ý giúp mình nhé!
Chú các bạn thành công!
- - 19 bình loạn
#Tags

HIỆN CÓ 19 BÌNH LOẠN

avatar
Trọng Khanh Nguyễn

hay

TRẢ LỜI
avatar
Nguyễn Lương Duy

Cảm ơn anh! :)

TRẢ LỜI
avatar
Thuận

ahihi

TRẢ LỜI
avatar
Nguyễn Lương Duy

Hihi :))

TRẢ LỜI
avatar
Phú Cường Blogger

E đổi luôn màu ở dropdown label của e cho đẹp đi

TRẢ LỜI
avatar
Nguyễn Lương Duy

e có đổi rồi nhưng nhìn hơi xấu lên em bỏ luôn rồi :v

TRẢ LỜI
avatar
Hưng Star - IT

đẹp lắm bác ơi

TRẢ LỜI
avatar
Nguyễn Lương Duy

Cảm ơn bác :)

TRẢ LỜI
avatar
NTĐ SYSTEM

- Đổi Màu Đi Ông

TRẢ LỜI
avatar
Niệm Style Blog

mấy đứa nào vào comment đẹp là nó xạo xạo đó em :v

TRẢ LỜI
avatar
Nguyễn Lương Duy

Khen đểu :v

TRẢ LỜI
avatar
Tính Getter

Xấu phết :v
P/s: Xạo :3

TRẢ LỜI
avatar
Nguyễn Lương Duy

Lại khen đểu rồi :v

TRẢ LỜI
avatar
Văn Huy SYSTEM

. hay quá a ơi đg cần <3

TRẢ LỜI
avatar
Nguyễn Lương Duy

hay thì share ^^

TRẢ LỜI
avatar
Thanh Phú IT

- hay

TRẢ LỜI
avatar
Nguyễn Bảo Trang

Liên kết đii
Blog ms của Văn Huy IT nè
Tên : Bảo Trang Blog
Url : http://baotrangblogseo.blogspot.com/

TRẢ LỜI
avatar
Phước Bé

đúng cái đang cần, mơn bác
www,nguyenngocquidz.tk

TRẢ LỜI
avatar
Nguyễn Lương Duy

:))

TRẢ LỜI

THAM GIA BÌNH LOẠN NGAY!

Một số lưu ý khi bình loạn

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.