Drop Down Menu - Thủ thuật Menu xổ xuống tự động cập nhật cho Label Blogger

Đã 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 thủ thuật blogger đó 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

>>Drop Menu - Thủ thuật tạo Menu click thì xổ dọc xuống Blogger
>>Trang chủ - Thủ thuật code đặt website làm trang chủ trình duyệt cho Blogger
>>Loading - Thủ thuật tạo hiệu ứng loading cho Blogger
>>Code - Thủ thuật tạo khung chứa Code có nút Chọn tất cả cho Blogger
>>Breadrumbs - Thủ thuật tạo Breadrumbs cho Blogger / Blogspot

>>Recent Posts - Thủ thuật tạo bài viết mới nhất giống Quản Trị Mạng cho Blogger

>>Recent Posts - Thủ thuật tạo bài viết mới nhất giống VnExpress cho Blogger

>>Recent Posts - Thủ thuật tạo bài viết mới nhất giống trang báo chí cho Blogger

>>2 Columns - Thủ thuật tạo 2 cột cho Main Blogger

>>Google Plus +1 - Thủ thuật tạo nút Google Plus + 1 cho Blogger

>>TOP and Bottom - Thủ thuật tạo nút lên đầu / xuống cuối trang cho Blogger

>>Drop Menu - Thủ thuật tạo Drop Menu dọc xổ ngang cho Blogger

>>Search Box - Thủ thuật tạo hộp tìm kiếm cho Blogger

>>Related Posts - Thủ thuật bài viết liên quan mới cùng chủ đề cho Blogger

Bạn có muốn tạo một Menu như thế này ?

Nếu muốn hiển thị một drop down menu thì hãy vào:

1 - Đăng nhập vào Blogger / Blogspot

2 - Mẫu >> Chỉnh Sửa HTML 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ả!