Cách tạo hộp Menu cực nhanh cho Blogspot

posted in: Thủ Thuật Blogspot | 0

Rất nhiều bạn làm blog đều muốn gộp tất cả các link và các Lable lại với nhau để cho gọn và dễ quản lí nhưng lại không biết cách, nên bài viết sau tôi sẽ chỉ cho các bạn một cách rất đơn giản để thực hiện tạo một hộp menu.

Bình thường nếu không chỉnh sửa mà để nhãn (Lable) như mặc định thì sẽ rất lộn xộn và xấu, khi áp dụng tiện ích này vào thì các Lable sẽ được sắp xếp theo bảng chữ cái nhìn rất chuyên nghiệp và giúp được người dùng có thể dễ dang tìm kiếm thông tin mà họ mong muốn.

Thực hiện:

1. Đăng nhập blogger => Bố cục => Thêm tiện ích
2. Vào mẫu => Ctrl+F nội tuyến => tìm code sau:

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

3. Thay đoạn code vừa tìm được bằng đoan code mới 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>

Chỉnh lại các thông số sao cho phù hợp với blog của bạn.

4. Lưu lại và xem kết quả

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

Nguồn: 123share.com

*Gợi ý tìm kiếm: Máy chủ ảo FPT

Bình luận