Cách tạo menu và sub menu dưới dạng drop down không cần HTML/ JavaScript và CSS

Tạo menu và sub menu dưới dạng drop down không cần HTML/ JavaScript 

Một menu dạng drop down thế này không những giúp bạn dễ dàng quản lý các bài viết và trang của blog mà còn giúp cho blog của bạn trở nên gọn gàng và dễ tiếp cận với người đọc . Hiện tại , blogger đã hổ trợ chức năng tạo Menu , vì vậy việc tạo ra các sub menu dạng drop down sẽ không tốn quá nhiều công sức và thời gian của bạn . Chỉ cần nắm rõ thủ thuật dưới đây bạn sẽ nhanh chóng tạo được một menu đẹp mắt và chuyên nghiệp như hình trên . 

Đầu tiên , vào blog của bạn và chọn Bố cục , chọn bất kì mục + Thêm tiện ích ( Lưu ý nên chọn mục ở ngay giữa bố cục để tránh sai sót , tuy nhiên bạn cũng không cần phải lo lắng vì hầu hết Chủ đề ( Theme ) đều hỗ trợ sẵn các tiện ích bố trí khắp trang , thậm chí có cả một mục menu được cài đặt sẵn trong mẫu ) , chọn tiện ích Danh sách liên kết như hình :

Chọn tiện ích Danh sách liên kết ( Link List )

Chọn Thêm mục mới , thứ tự trong các sub menu khá quan trọng nên các bạn nên tạo các mục mới lần lượt sau khi hoàn thành mục trước

Ở ví dụ này như trên hình mình đã giới thiệu đầu tiên , muc chính là Môn học , từ đó rẽ ra các nhánh Triêt học và Vật lý  và mục Triết học lại chia làm 4 nhánh tương đương 4 chương . Mục chính ở đây sẽ là mục hiện ra trên thanh menu và chứa các mục còn lại . Mục chính được đánh dấu / thay cho địa chỉ liên kết ở mục URL trang web . 

Mục con 1 hay sub menu 1 sẽ được đánh dấu # thay cho URL trang web và tên mục Triết học được đánh liền sau ký tự _ , VD : _Triết học , _Vật lý , các mục con sẽ xếp liền sau mục mẹ tương ứng .

Các mục con nhỏ hơn nữa , tức mục cuối chứa các bài viết , tên mục sẽ được viết liền sau ký tự __ , VD : __Chương 1 ; __Chương 2 ,.....URL trang web tương ứng với liên kết đến trang web  . Các mục nhỏ hơn nữa sẽ chỉ có khác biệt trong tên mục theo thứ tự sô lương ký tự _ ngay trước tên mục , URL trang web có thể thay thế bằng # hoặc liên kết đến trang web tương ứng. Lưu ý rằng , các ký tự /, # có nghĩa là ở mục đó không chứa liên kết đến bất kỳ trang web nào mà chỉ chứa các mục nhỏ hơn , vì vậy nếu bạn muốn  mục chính có chứa liên kết đến 1 trang tổng quát cho các mục con , tương tự như mục lục , thì kí tự /, # được thay bằng URL trang mục lục . Khi mục chính chứa URL trang web thì khi người xem click chuột vào mục chính , nó sẽ dẫn trực tiếp đến trang mục lục , click chuột vào mũi tên chỉ xuống mục chính sẽ hiển thị các mục con .

Tương tự , sau khi hoàn tất thiết lập cho mục con 1 , ta sẽ chuyển sang mục con 2 , cú pháp tương tự như mục con 1 , như ví dụ mục con Vật lý và  mục con 1  Triết học của mục chính Bài làm nhóm trong hình dưới :

Như vậy có lẽ các bạn đã nắm rõ phương pháp tạo menu và sub menu cho blog của mình . Hoàn toàn không khó và phức tạp đúng không nào . So với các phương pháp dùng HTML / Java script , phương pháp này vừa đơn giản lại không xảy ra rủi ro mất theme do chưa sao lưu . 

Lưu ý , như các bạn đã biết, các theme cơ bản mà blogger cung cấp không họ trợ tạo menu có thể drop down . Vì thế các bạn nên chọn cho mình một theme ưng ý trên trang web này  Trang web trên cung cấp nhiều theme miễn phí và còn hỗ trợ tạo menu dạng drop down rất tiện lợi, bạn chỉ cần tải về file theme ( đuôi .XML ) và chọn khôi phục ở Theme để kích hoạt

Chúc các bạn thành công . Mọi thắc mắc ý kiến vui lòng để vào phần bình luận bên dưới bài viết. 

 Hẹn gặp lại các bạn trong các bài viết kế tiếp : ) .