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


người khác đã thích bài này
Đô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!
Dẫn nguồn về Toilaquantri.com nếu bạn có xuất bản lại nội dung từ Website này!


ĐĂNG KÍ


Không có nhận xét nào:

Không Spam Link dưới mọi hình thức.

ĐĂNG KÍ RSS

Tiếp tục


Bạn quên địa chỉ email?

Bản tin RSS Feeds sẽ được gởi đến email của bạn.


GIỚI THIỆU


HUỲNH PHỤNG
▪ Là 1 chuyên gia setup SEO Systems : Blogger
▪ Hiện công tác Cty Marketing TM - DichvuSEO.INFO
▪ Dịch vụ SEO tổng thể | Lập kế hoạch SEO | Setup hệ thống SEO chuyên nghiệp.

KẾT NỐI & CHIA SẺ



Liên Hệ
  • Thời gian làm việc từ T2-T7 (9h-21h)
  • Văn Phòng: 98 Nguyễn Văn Lượng, Gò Vấp, TPHCM
  • (+84) 932.913.631
  • Haiphungmarketing@gmail.com
  • Huỳnh Phụng Blogger FanPage

  • TÀI KHOẢN

    Số Tài Khoản ACB

    Số TK: 214 081 769
    Họ Tên: Huynh Hai Phung
    Ngân hàng ACB Tân Bình (Ngân hàng Á Châu Tân Bình)
    Thông tin chuyển khoản: (Tên KH + Số tiền chuyển + Nội dung dịch vụ)

    STK VietComBank

    Số TK: 0721 0006 096 05
    Họ Tên: Huynh Hai Phung
    Ngân hàng VCB Bình Thạnh TPHCM
    Thông tin chuyển khoản: (Tên KH + Số tiền chuyển + Nội dung dịch vụ)