Hướng dẫn làm Danh mục Label dạng Drop down menu

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

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.