Home » Thủ thuật blog
Tạo menu dropdown từ các nhãn
Thứ Năm, 4 tháng 6, 2009

Hình minh họa:
Để thực hiện, trước tiên bạn phải tạo cho blog mình một widget Label được tích hợp sẵn trong blogger.
1. Đăng nhập blog
2. Vào bố cục
3. Vào phần tử trang
4. Thêm tiện ích Label vào blog. (xem hình bên dưới)
Sau khi thêm tiện ích label vào blog các bạn tiếp tục thực hiện các bước bên dưới:
1. Vào bố cục
2. Vào phần chỉnh sửa code HTML
3. Nhấp chọn mở rộng mẫu tiện ích
4. Tìm đọan code bên 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>
5. Thay thế tất cả bằng code bên dưới:
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>
<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
6. Save template
Và cuối cùng ta có kết quả như bên dưới:
Chúc các bạn thành công.

- ANCKeywords - Tự động cập nhập keywords từ người dùng cho site.
- ANCData - Plugin load feed Blogger version 1
- Đưa Radio vào Blog của bạn (Yêu cầu)
- [Updated] K14 - Pro Menu (với hiệu ứng prodown)
- Chèn Chabox Gtalk vào BlogSpot.
- Jquery Slider Tin Tức - News Slider
- Quà tặng âm nhạc cho BlogSpot
- Tiện ích Top Commentators cho blogspot
- Chèn link Google Search vào footer của bài viết
- SlideTab Recent posts (jQuery)
- [Update] Tạo Menu Thanh menu ngang có sổ dọc xuống
- [3.0.2] Nâng cấp ANCMedia Player cho trang phim
Comments[ 0 ]
Đăng nhận xét