Hưng Hoàng Văn
@hung1001
Fri, 8 June 2018
-
No comments
-
[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 !
Notice
Decompression password: g3$1pZePxwo8Z2yUFA#p9tbzs!Pj-#hung1001-J!gk7M@f6^d!mmgp*PJ!EM2K#CCI
Tags:
You may like these posts
About this article
Featured Post
NewsPlus - Premium Blogger Template by Hung1001
Hưng Hoàng Văn - 8/15/2018
Xin chào các bạn, hướng dẫn chia sẻ các kiểu rồi giờ cũng đến lúc nên làm một sản phẩm thực tế nào đó cho cộng đồng.…
Category
Adobe
Software
Tips & Tricks
Scripting
Web Developer
Microsoft Windows
Microsoft Office
Microsoft Server
Other
Trending Posts
[Blogger] Tạo khung chứa code có nút copy to clipboard cho blogspot
Hưng Hoàng Văn - 11/07/2017
1. Không vi phạm luật pháp nước CHXHCN Việt Nam
2. Không vi phạm thuần phong mỹ tục Việt Nam
3. Không bàn luận vấn đề liên quan đến tôn giáo, chính trị
4. Không đả kích, chửi bới hay đưa ra những lời nói không phù hợp với mục tiêu của website
5. Không bình luận với mục đích quảng cáo, trao đổi, mua bán
6. Khuyến khích sử dụng Tiếng Việt có dấu, hạn chế sử dụng tiếng lóng, viết tắt
7. Khi cần sự trợ giúp, vui lòng miêu tả chi tiết lỗi và để lại link đính kèm, tránh nói chung chung gây mất thời gian cho đôi bên