Trang chủ > Thủ thuật blog > Hiển thị nhãn hoặc danh sách web dạng đóng mở

Hiển thị nhãn hoặc danh sách web dạng đóng mở

Khi dùng tiện ích nhãn hay danh sách web mà blogger cung cấp, bạn sẽ cảm thấy vô cùng khó chịu và gây mất thẩm mỹ. Đó là khi bạn sử dụng nhiều liên kết trong danh sách hay trên blog bạn có nhiều nhãn. Tuy nhiên để khắc phục việc này bạn có thể cho chúng hiển thị dạng đóng mở. Để thực hiện việc này, bạn có thể tham khảo thủ thuật dưới đây.
Xem kết quả: Tại đây
☼ Các bước thực hiện.
1. Đầu tiên bạn đăng nhập và vào bố cục blog
2. Nhấn Edit HTML (Chỉnh sửa HTML)
3. Nhấn phần mở rộng (Expand Widget Templates) như dưới
4. Bây giờ bạn hãy chép đoạn code sau vào trước thẻ


.commenthidden {display:none}

.commentshown {display:inline}

function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className==”commentshown”){ whichpost.className=”commenthidden”; }else{ whichpost.className=”commentshown”; }}

5.Tiếp theo hãy tìm từ khóa id=’label1′ sử dụng cho nhãn 1, nếu cho nhãn 2 hãy tìm từ khóa id=’label2′. Đoạn code như bên dưới










  • ()










()


6. Và bây giờ bạn chỉ việc thêm code màu xanh vào như bên dưới





<a aiotitle='click to expand' href='javascript:togglecomments("PHANLOAI“)’>[+] Mở<div class='commenthidden' id='PHANLOAI‘>







  • ()










()


<a aiotitle='click to expand' href='javascript:togglecomments("PHANLOAI“)’>[-] Đóng


☼ Đó là công việc bạn làm đối với nhãn (label). Đối với danh sách web bạn cũng làm tương tự. Bạn hãy tìm đến các từ khóa id=’LinkList1′ hay id=’LinkList2′ tùy vào HTML của blog bạn, và hãy chèn code mau xanh trong code ở trên vào đúng các vị trí như đối với nhãn mà bạn đã làm.

☼ Một số chú ý nhỏ là các bạn hãy để ý các từ PHANLOAI ở trên. Nếu bạn dùng kiểu hiển thị này cho nhiều tiện ích khác thì phải dùng ký hiệu khác để phân biệt nó. Ví dụ bạn dùng kiểu hiển thị này cho nhãn và danh sách web thì các từ PHANLOAI trong nhãn id=’label1′ phải đồng nhất là PHANLOAI1, trong id=’LinkList1′ phải đồng nhất là PHANLOAI2 hoặc có thể ngược lại. Và hãy dùng ký hiệu phân biệt như vậy cho các tiện ích khác.
Chúc thành công

Chuyên mục:Thủ thuật blog
  1. Chưa có phản hồi.
  1. No trackbacks yet.

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s