Tạo dropdown cho nhãn (label) blogspot

Đô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 nhờ dropdown.


Để 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. Vào Thiết kế
     2. Vào Phần tử trang
     3. Thêm tiện ích Label vào blog.

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 Chỉnh sử HTML
     2. Nhấp chọn mở rộng mẫu tiện ích
     3. 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>

     4. 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>

Save template và xem thành quả nhé!!

Bài này mình không rõ nguồn.

Share This:

Post Tags:

Blogger blogger cơ bản Blogger widget

' rel='author' target='_blank' title='Được đăng bởi Nguyên Luật'>

Nguyên Luật

Website: LuatIT blog

• Social Links:

• Rss
• Facebook
• Twitter
• Google+
• Linkedin
• Youtube