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

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

expand-widget_thumb

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

Posted in: Thiết kế blogspot