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