Thứ Hai, 1 tháng 8, 2011

Tạo menu đổ xuống cho nhãn (drop down menu for label)

Mình đã từng giới thiệu cho bạn cách Tạo một Menu Drop đơn giản để áp dụng cho các bài viết. Nhược điểm của phương pháp đó là khi áp dụng cho nhãn thường phải Update bằng tai do vậy hôm nay mình xin giới thiệu cho các bạn cách tạo Menu Drop cho nhãn một cách tự động
Phương pháp này chỉ áp dụng cho nhãn còn bài viết thì Xem TẠI ĐÂY
Bạn có muốn tạo một Menu như thế này
thay vì như thế này không ?
Nếu muốn hiển thị một drop down menu thì hãy vào Chỉnh Sửa HTML chọn Mở rộng mẫu tiện ích và  tìm đoạn code phía dưới :
<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>
và thay thế tất cả bằng đoạn code sau :
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>



<option>Mục Lụ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>
- Trong đó các bạn có thể chỉnh sửa lại chữ mục lục  thành chưc mà bạn muốn như hãy chọn một chủ đề
Cuối cùng là Lưu Mẫu và ra xem kết quả!
chúc bạn thành công!

Không có nhận xét nào:

Đăng nhận xét