Tạo dropdown cho Nhãn ( label )
[ Dangcap9x ] - Đôi khi các bạn thấy tiện ích Label ( Nhãn ) có sẵn của blogger chiếm nhiều không gian của blog bạn đúng không? Mình cũng thấy như vậy và đã đi tìm kiếm thủ thuật giúp nó gọn hơn, và hôm nay mình xin được giới thiệu lại thủ thuật này để các bạn cùng xem. 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 nữ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.
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>
<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
Chơi blog cũng là cả 1 nghệ thuật nhỉ :D
Trả lờiXóa