Bài viết này namkna sẽ hướng đẫn các bạn thiết kế một mẫu menu đơn giản để đặt trên sidebar hoặc header, Menu hoạt động dựa trên các thuộc tính CSS để góp phần làm giảm tới mức thấp nhất thời gian load trang: Về kiểu dáng menu này chỉ có một tiêu đề duy nhất và nó sẽ được mở rộng ra thêm các menu con khi bạn dê chuột lên phần tiêu đề đó.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Trong thiết kế blogger để phần header thích hợp với các trình duyệt khác nhau rất quan trọng và phần quan trọng nhất của header là menu chính cung cấp liên kết hữu ích bên trong của bạn. Hôm nay mình sẽ hướng dẫn cách thiết kế một menu thả xuống linh hoạt cho Blogspot mà không cần sử dụng một scripts hoặc hình ảnh! Phần đặc biệt là nó không chỉ là một trình đơn ngang mà nó có thể biến thành một danh sách thả xuống. Đơn giản chỉ cần sử dụng mã HTML5, thẻ <nav> và CSS3 : bạn có thể kiểm tra tại đây, Mình sẽ giới thiệu một menu của mybloggertricks mà tôi hy vọng sẽ có ích cho cộng đồng blogger vì nó thực sự là một trình đơn hiệu quả đó là tương thích với tất cả các trình duyệt và sử dụng không Jquery!

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Mẫu Dropmenu menu này có đặc điểm là Sub menu chia thành nhiều cột, giúp bạn bố chí các mục theo các chủ đề lớn nhỏ. Menu sử dụng CSS và hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,... Đặc biệt namkna tích hợp thêm khung searck giúp menu đep hơn và chuyên nghiệp hơn.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Với mẫu dropdown fly menu sử hiệu ứng bay từ CSS3 blog của bạn sẽ đặc biệt hơn, và sẽ không lo tốc độ vì tất cả đều là CSS3. Các menu con sẽ bay khi dê chuột vào menu chính. Menu hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,.... Các bạn có thể xem ảnh minh họa hoặc demo.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Hôm nay namkna sẽ giới thiệu đến cho các bạn một mẫu menu mới hoạt động tốt trên các trình duyệt như IE10, firefox, sarafi, opera,.... Mẫu này có đặc điểm là các menu con sẽ sắp xếp thành từng cột với những chuyên mục lớn và chuyên mục nhỏ. Menu này được namkna viết theo yêu cầu của bạn Sy Pham Quy Các bạn có thể xem ảnh demo bên dưới.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Với menu này các menu con và các hiệu ứng hoàn toàn từ CSS3 giúp tốc độ blog của bạn tối ưu hơn so với các menu từ javarscrip và Jquery. Điểm đặc biệt là menu chạy tốt trên nhiều trình duyệt khác nhau như: Moliza Firefox, Google Chroome, Opera (10 và 11), Internet explorer (6,7,8,9,10), Safari,...

Mẫu menu này thích hợp cho các blog có nhiều chuyên mục và nhãn con với các icon hình ảnh tương ứng với mỗi nhãn và bạn có thể thay thế theo ý bạn.. Giúp blog của bạn trở nên khoa học và đẹp mắt hơn. menu được phát triển bởi tác giả bloggertrix.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Hôm nay namkna giới thiệu thêm cho các bạn mẫu menu sổ dọc nhiều cấp với phong cách của faceebook. Với mẫu này menu con sẽ sổ 2 cấp hoặc 3 cấp. Thích hợp cho các blog có nhiều chuyên mục

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Hôm nay namkna giới thiệu thêm cho các bạn một mẫu drop menu mới. Với mẫu nàu menu con sẽ chia thành 2 cột thay vì một cột như các style trước đây mà namkna đã giới thiệu.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

AJAX Navigation menu cho blogger là menu mới được tạo ra cho nền tảng Blogger sử dụng Blogger JSON nguồn cấp dữ liệu API và AJAX. Menu điều hướng này được lấy cảm hứng từ trang web cũ Mashable.com. Tôi mã hóa widget này một vài tháng trước đây, nhưng không có thời gian để xuất bản bài viết này. Và bây giờ tôi thêm các tính năng tùy biến.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Mẫu menu này sử dụng CSS do vậy load nhanh và nhìn cũng khá đẹp mắt. Mình sử dụng thuộc tính transform nên có hiệu ứng trong xuốt khi ta hover chuột vào. Menu hoạt động tốt trên các trình duyệt phổ biến như Firefox, chroome,opera, internet explorer, safari,...

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Hiện nay Mega Drop menu đang được sử dụng rộng rãi và thực sự hữu ích để hiển thị một số lượng lớn các nội dung mà không ảnh hưởng đến bố cụ blog của bạn. Menu này được tảo bởi Guillaume Marty (Bạn có thể kiểm tra đầu tư và phiên bản thương mại của menu này). Namkna đã khắc phục một số xung đột liên quan đến CSS xảy ra với mẫu mặc định của Blogger.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Hôm nay namkna giới thiệu cho các bạn menu ngang xổ ngang có hiệu ứng thay đổi màu sắc cho mỗi tab khi di chuột. Nó sử dụng các hàm JavaScript đơn giản để tạo ra các hiệu ứng chuyển tiếp gọn gàng và sạch sẽ. Thay vì hiển thị các mục trình đơn phụ trong truyền thống thả dọc xuống danh sách, chúng tôi đã liên kết chúng với nhau để phù hợp với một dòng duy nhất. Không giống như các menu khác, tiện ích này sẽ dễ dàng phù hợp với bất kỳ mẫu BlogSpot mà không có xung đột thiết kế. Nó được đặt ở phần đầu blog của bạn để thu hút độc giả nhiều nhất. Menu hoạt động tốt trên tất cả các trình duyệt chính tức là: IE7 +, Safari, Chrome, Mozilla và Opera.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Theo yêu cầu bạn chjpsea namkna sẽ hướng dẫn các bạn cách tạo một menu ngang với hiệu ứng thay đổi khi dê chuột qua mỗi một sub menu Thêm nữa menu này chỉ hiện ra khi dê chuột lên đầu trang.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Hiện nay menu là thành phàn quan trọng của blogger/website. Blog của bạn sẽ chuyên nghiệp hơn. Có rất nhiều cách làm thanh menu này như dùng javascript dùng jquery hay CSS. Mình dã giới thiệu rất nhiều loại menu bạn có search trên google với từ khóa dropmenu site:namkna.blogspot.com. Tiếp theo bài viết hướng dẫn làm Dropmenu nhiều cấp trước đây hôm nay mình sẽ hướng dẫn tạo menu xổ dọc 1 cấp với CSS 3.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động

Namkna đã viết rất nhiều bài viết tạo drop menu cho web, blog... nhưng tất cả đều là code có sẵn mà chưa hướng dẫn chi tiết về cách làm nên hôm nay mình viết hướng dẫn này nhằm hỗ trợ mọi người tự thiết kế ra drop menu cho riêng mình. Bài viết này mình sẽ hướng dẫn tạo drop menu từ 1 đến 3 cấp. Tất nhiên khi đã hiểu rồi thì bạn muốn làm bao n.hiêu cấp cũng được.

Đọc thêm»

Đọc tiếp...

Xem bài viết trên phiên bản di động