Thư viện

Trải nghiệm

Thứ Hai, tháng 8 01, 2011

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

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

Chia sẻ:
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!

7 nhận xét:

  1. Hay lam
    thank ban nhieu.
    http://khamphanhanh.blogspot.com/p/lien-he.html

    Trả lờiXóa
  2. @ Vu Dinh Nhan: rất vui vì bạn thích :p

    Trả lờiXóa
  3. Bạ ơi, không nói tới vị trí đặt tiện ích à, mình thay trong temp không thấy khác gì , vẫn như cũ

    Trả lờiXóa
  4. Tiện ích đó bạn đặt chỗ nào cũng dược tùy bạn :3) :3) :3)
    bạn phải tạo nhãn trước khi thực hiện thủ thuật này.:D)

    Trả lờiXóa
  5. @Fairstar Nhưng ở trên chỉ có code thay thế trong temp, chứ đâu có code để add ngoài bố cục đâu

    Trả lờiXóa
  6. @Nguyễn Duy Hải:A) :A) Khi bạn thay thế trong Template thì phần nhãn tức là cái phàn bạn thêm bằng cách (Thiết kế -Thêm tiện ích -Nhãn) Sẽ biến thành như vậy.
    - Thủ thuật này là thay đổi cách hiển thị của nhãn mà bạn, mình thay đổi từ dạng list thành dạng sổ dọc xuống :3) :3)

    Trả lờiXóa