Tạo Danh mục Label drop down

Với những blog có nhiều nhãn (label) thì danh sách hiển thị Danh mục mặc định sẽ rất dài, làm cho các Sidebar nhìn không mỹ thuật hoặc hoặc không cân đối.
Trong bài viết này tôi xin giới thiệu thủ thuật tôi tham khảo được của Kang Rohman để thực hiện tạo Danh mục Label drop down.



Danh mục drop down có hình dạng như dưới

Browse By Categories Adsense Google (3) Kiếm tiền online (1) Tùy biến mẫu Blogger (2) Widget Blogger (4)

Danh mục Drop down chỉ chiếm 1 diện tích rất tối thiểu trên Sidebar và làm cho Blog của bạn dẽ nhìn hơn. Để thực hiện điều này các bạn thực hiện theo các bước sau:





1. Đăng nhập vào Blogger.
2. Vào Bố cục "Layouts"
3. Vào Chỉnh sửa HTML "Edit HTML".
4. Hãy chắc chắn bạn đã Sao lưu toàn bộ mẫu Blog phòng trường hợp bị thất bại phải sử dụng để dùng lại mẫu trước khi chỉnh sửa.
5. Đánh dấu Check vào ô chọn expand widget templates (như hình).


6. Tìm tới dòng mã lệnh sau.

<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url = data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul>

7.Xoá bỏ  và thay thế bằng mẫu dưới. 

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'> <option>Browse By categories</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>

8. Click Lưu mẫu "save template".
9. Kết thúc và xem kết quả.

Nào hãy bắt tay vào việc, và cho mình biết Mẫu của bạn sau khi chỉnh sửa có gì khác biệt và cảm nhận của bạn. Hãy comment cho minh biết ý kiến nhé.
Nguồn dữ liệu : Blogging Tutorial Tags: Breakingnews, Khoi tao Blog, Label - Tag