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

Đăng bởi Admin | 6/7/13 | 0 nhận xét

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!

* Xem thêm:

• Tạo Menu xổ dọc với 2 cột sub cho blog
• Tạo Menu xổ nhiều cấp giống facebook cho blog
• Tạo Dropmenu đa cấp từ CSS3 và icon
• Tạo Dropmenu xổ dọc theo cột cho blogspot
• Tạo Colume Dropmenu có Search cho blogspot
• Tạo menu Drop Down đơn giản
• Tạo menu dọc cho blog
• Tạo menu đẹp đặt tại Sidebar cho blog

                                                                                                                 Theo: Namkna

                                                                                                                 Thu thuat vi tinh