Blogspot: Tạo menu dropdown từ các nhãn

- Bài viết hướng dẫn tạo widget Label dạng menu dropdown từ widget Label có sẵn của blogger. Với thủ thuật này sẽ blog bạn sẽ gọn hơn, và sẽ không bị chiếm nhiều chỗ do list Label của bạn quá dài.

Hình minh họa:


Để thực hiện, trước tiên bạn phải tạo cho blog mình một widget Label được tích hợp sẵn trong blogger.
1. Đăng nhập blog
2. Vào bố cục
3. Vào phần tử trang
4. Thêm tiện ích Label vào blog. (xem hình bên dưới)



và đây là kết quả:



Sau khi thêm tiện ích label vào blog các bạn tiếp tục thực hiện các bước bên dưới:
1. Vào bố cục
2. Vào phần chỉnh sửa code HTML
3. Nhấp chọn mở rộng mẫu tiện ích
4. Tìm đọan code bên 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>


5. Thay thế tất cả bằng code bên dưới:

<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%'>

<option>Labels</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>


6. Save template

Và cuối cùng ta có kết quả như bên dưới:



Chúc các bạn thành công!

fandung blog

(www.traimientay.com)




Tags: ,

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn

Comment của bạn sẽ bị xóa nếu:
» Bạn chèn thẻ liên kết (a tag) hoặc spam.
» Nội dung gây khó chịu cho các bạn đọc khác.
» Thắc mắc không liên quan bài viết, hãy post tại đây
» Có thể sử dụng thẻ trích dẫn <b>in đậm</b>, <i>in nghiêng</i>.
» Đọc thêm: Bạn nghĩ gì về văn hóa Comment ?