23 tháng 6, 2012

Nhãn rút gọn - menu đổ xuống cho nhãn

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
Tạo menu đổ xuống cho nhãn (drop down menu for label)
thay vì như thế này không ?
Tạo menu đổ xuống cho nhãn (drop down menu for label)
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!
Chủ đề:

0 nhận xét:

Đăng nhận xét

Support : Guide | Blogspot Tips | Television | IDM | Software Free | Site Map | Back Link | Contact | ↑ back to top
Ghi rõ nguồn kynangblog.blogspot.com khi phát hành lại thông tin từ trang này
Copyright © 2011. KỸ NĂNG BLOG - All Rights Reserved
Design by KyNangBlog Edit Ky nang blog
Xem tốt nhất ở độ phân giải 1024 x 768 pixel
Six million kynangblog template byKyNangBlog
Blogger Gadgets