Labels

[Blogger] Chuyển Menu từ Widget Linklist sang HTML tĩnh


Trong thiết kế template blogger, các lập trình viên thường xuyên sử dụng menu dạng linklist, mục đích để người dùng dễ thao tác với giao diện UI, tuy nhiên với những người có menu đa cấp thì điều đó thực sự là địa ngục. Trong bài viết này chúng ta sẽ tìm hiểu cách chuyển Menu từ Widget Linklist sang HTML tĩnh

Nói ra thì thiệt là đau lòng, cái thời gà gô mới làm blog tìm được cái template dùng menu dạng linklist, hì hục mất gần 2 tiếng mới thay xong chỉ vì cái thứ tự sắp xếp như trong document. Thú thật cái menu linklist này chỉ thích hợp với những trang có menu đơn giản tầm 1 đến 2 cấp.

Thủ thuật này rất đơn giản nếu như bạn vững HTML

Bước 1: Xác định linklist bạn muốn chuyển đổi, nhấn vào nút chỉnh sửa để lấy ID


Trong ví dụ này là LinkList210

Bước 2: Chuyển sang giao diện chỉnh sửa HTML và nhảy tới id vừa tìm được


Bước 3: View-sources trang của bạn và tìm tới linklist đó


Bước 4: Phân tích, nội dung section sẽ được convert sang code HTML, vì thế ta chỉ cần copy nội dung đó thế cho section là xong !

Xác định điểm chặn đầu, điểm chặn cuối của section


Nội dung nằm giữa chặn đầu và chặn cuối chính là đoạn HTML được convert từ linklist


Bước 5: Thay thế code lấy được vào mẫu


Done ! Menu đã được chuyển sang HTML tĩnh

Bước 6: Chỉnh sửa lại bố cục

Thực ra không ảnh hưởng tới giao diện trang web tuy nhiên khi bạn xem bố cục trong trang quản trị nhìn nó không được đẹp do bạn đã ẩn đi section


Ta lại F12 thần chưởng tìm tới secton đó và css ẩn nó đi


Ẩn trong template-skin


Như vậy tôi đã hướng dẫn xong cách chuyển Menu từ Widget Linklist sang HTML tĩnh, thủ thuật này cực hay cho những ai chuyển template gặp phải menu linklist hoặc cao hơn là muốn tùy biến thêm cho thanh menu

#Mẹo: menu linklist cũng như ngăn xếp, vào trước sẽ ra sau vì vậy khi config nó, bạn sẽ đẩy sub-menu trong view-sources theo thứ tự từ dưới lên trên sẽ không mất công di chuyển bằng mũi tên nữa

Để lại bình luận nếu bạn gặp khó khăn và chúc thành công !