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

By Nguyên Luật → Saturday, June 23, 2012
ảnh đại diện
Đô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.

16 comments to ''Tạo dropdown cho nhãn (label) blogspot"

ADD COMMENT
  1. Cái này được nha gái, ta phải áp dụng mới được, bị vì blog ta nhiều nhãn quá mà. [-(

    ReplyDelete
    Replies
    1. Gái nào ở đây bác. :).
      Nói nghe phát ớn. =D

      Delete
    2. Template của bác ngày càng đẹp nhỉ :)
      Càng thấy Blog em xấu :-s

      Delete
  2. Copy ý tưởng của Youtube thôi mà. Bác cứ thấy trang nào nó đẹp thì cứ chôm vô tư.

    ReplyDelete
    Replies
    1. http://4.bp.blogspot.com/-Jg2VXyXWL0A/UEhrNjsEmbI/AAAAAAAAAQM/_k9mCZy9jcY/s1600/luatpro.jpg
      hình này là hình ai thế?

      Delete
    2. Em chẳng thể làm theo được nên đành chịu. =D

      Delete
    3. Bùn ghê, blog mình chỉ chơi đc với ie8, ie9 thôi. :((

      Delete
    4. :) Tại bác thích vậy đó chứ!
      Đơn giản như em nè =D. Mà nói thật em cũng k biết trên IE nó sao nữa =d>

      Delete
    5. Vậy mà còn đi "khoe" lung tung :| Chán gái ghê b-)

      Delete
  3. cái này tìm mãi mới ra, hk bik tìm từ khóa gì cho lẹ hết, cuối cùng tim từ menu dropdown blogspot là ra, kakaka

    ReplyDelete
  4. cho mình hỏi là làm sao làm biểu tượng emotions này vậy mình làm mãi k đc

    ReplyDelete
    Replies
    1. Cái này là do mình dùng comment phân cấp của bác Tiến
      http://www.vnblogspot.com/search/label/Comment%20ph%C3%A2n%20c%E1%BA%A5p
      Nếu bạn muốn chèn riêng thì có thể search google cụm từ này emoticons site:blog.duypham.info

      Delete

- Không nói chuyện thô tục thiếu văn hóa,...
- Không spam. Còn lại thì chém gió thoải mái hết! :D
@ Có thể chèn ẢnhVideo Youtube bằng cách paste link trực tiếp