Tạo menu xổ dọc của nhãn cho blogspot

- [tintuc]
Đôi khi blog của bạn chứa nhiều chuyên mục, nhãn... bạn lại không thể đưa chúng hết lên menu vì như thế sẽ làm rối mắt. Thủ thuật tạo menu theo nhãn cho phép bạn tạo danh mục nhãn xổ xuống nhằm tiết kiệm không gian cho blog.
Tạo menu xổ dọc của nhãn cho blogspot
Tạo menu xổ dọc của nhãn cho blogspot

Đồng thời cũng giúp cho người dùng muốn tìm nhãn mình cần theo thứ tự sắp xếp ABC.

Cách tạo Menu xổ dọc theo nhãn

1 - Đăng nhập vào Blogger / Blogspot
2 - Vào bố cục Tạo cho mình 1 tiện ích Nhãn
3 - Mẫu >> Chỉnh Sửa HTML và tìm đoạn code phía 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>


Và thay thế tất cả bằng đoạn code 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>


Thay đổi css mà mình đã tô đỏ cho phù hợp với kích thước mà màu sắc của blog bạn.
Cuối cùng là Lưu Mẫu và ra xem kết quả!
Chúc bạn thành công!
[/tintuc]
Huỳnh Phụng Blogger

TLQT là Blog chia sẻ kiến thức về Marketing, Digital Marketing, Kinh nghiệm làm SEO, Tối ưu Website và nhiều thứ khác

1 Nhận xét

➔ Gửi kèm hình ảnh trên bài viết để được hỗ trợ tốt nhất.
➔ Để bình luận kèm hình ảnh, bạn vào trang Upload Ảnh, kéo thả để Upload hình ảnh lên.
➔ Bạn dán URL link hình ảnh vào khung bình luận và ấn Xuất bản, ảnh sẽ được tự động tải lên.
➔ Không spam trong khung bình luận, hạn chế viết tắt.
➔ Tích vào ô Thông báo cho tôi (Notify me) để nhận thông báo phản hồi của Admin

Mới hơn Cũ hơn

POST ADS1

POST ADS 2