Tạo menu xổ dọc của nhãn cho blogspot

Đôi khi blog của bạn chứa nhiều chuyên mục, nhãn... bạn lại không thể đưa chúng hết lên menu vì như thế sẽ làm rối mắt. Thủ thuật tạo menu theo nhãn cho phép bạn tạo danh mục nhãn xổ xuống nhằm tiết kiệm không gian blog đồng thời cũng giúp cho người dùng muốn tìm nhãn mình cần theo thứ tự sắp xếp ABC.


Đầu tiên là bạn phải tạo cho mình 1 tiện ích nhãn... Sau đó vào mẫu và di chuyển đến tiện ích nhãn cần làm menu xổ xuống:

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%;padding:5px'>
<option>Chọn danh mục muốn xem</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>

Cuối cùng là Lưu Mẫu và ra xem kết quả!

Share this

Author : Unknown

Related Posts