Thư viện

Trải nghiệm

Hiển thị các bài đăng có nhãn Blogspot Menu. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Blogspot Menu. Hiển thị tất cả bài đăng

Thứ Sáu, tháng 12 19, 2014

[Tips] - Thanh Menu xổ xuống đèn mờ bí ẩn cho Blogspot Blogger

by
[Tips] - Thanh Menu xổ xuống đèn mờ bí ẩn cho Blogspot Blogger
Mẫu Menu rất ấn tượng và mạnh mẽ dành cho các website mạnh mẽ!

Thứ Hai, tháng 8 11, 2014

CSS Dropdown Menu cho Blogger

by
Dropdown Menu hiện vẫn đang rất phổ biến đối với các Blogger vì nó mang tính chuyên nghiệp, rất phù hợp cho các blog có nhiều chuyên mục mẹ và chuyên mục con, hơn nữa lại không ảnh hưởng tới tốc độ load trang (vì là CSS). Hôm nay mình tiếp tục chia sẻ một style CSS Dropdown Menu cho các bạn tham khảo. Sau đây là các bước tạo menu cho Blogger:
css-dmenu

Thứ Bảy, tháng 3 15, 2014

Tạo dropmenu xổ dọc một cấp đẹp cho blogspot

by
Dropmenu là một dạng menu chuyên nghiệp được rất nhiều người sử dụng cho website/blog cũng để tăng thêm tính chuyên nghiệp cho trang. Dropmenu thường được dùng đối với những trang web có nhiều chuyên mục mẹ và chuyên mục con, không chỉ những trang web tin tức hay bán hàng mà ngay cả những blog cá nhân cũng được sử dụng khá phổ biến. Dropmenu cũng rất đa dạng về phong cách và kiểu phân cấp cho chuyên mục.    
Tạo dropmenu xổ dọc một cấp đẹp cho blogspot

Thứ Ba, tháng 1 07, 2014

Fly drop Menu đẹp từ CSS cho blogger

by
Bạn đã từng nghĩ sẽ tự tạo cho blog mình một mẫu menu hoàn toàn khác so với các blog khác chư? Nếu chưa thì namkna chắc chắn bạn sẽ thay đổi các nhìn sau khi đọc bài viết này.

Mẫu meunu xổ dọc hôm nay namkna giới thiệu đến các bạn có điểm đặc biệt là các sub menu mang phong cách hoàn toàn mới đan xen nhau mang lại cảm giác mờ ảo khi nó hiện ra, Màu hồng khá nữ tính nhưng bạn có thể thay đổi nó cho phù hợp với phong cách và màu chủ đạo trong blog của bạn...

Fly drop Menu dẹp từ CSS cho blogger

Thứ Bảy, tháng 11 02, 2013

Dropmenu tích hợp nhận xét và bài đăng mới nhất cho blogger

by
Hẳn các bạn đã quyen với các tiện ích Bài viết mới nhất và Nhận xét mới nhất được trình bày theo phương pháp truyền thống trong một tiện ích HTML rồi phải không, Để tạo phong cách riêng và mới lạ cho cả tác giả và độc giả của blog trong cách trình bày của 2 tiện ích này, bài viết này mình sẽ hướng dẫn thêm hai tiện ích này vào trong thanh menu. Bình thường chúng sẽ được ẩn ở dưới tiêu đề của menu và sẽ hiện ra dạng sổ dọc khi người dùng dê chuột hoặc bấm vào tiêu đề đó như trên trang facebook. Khá thú vị phải không? Vậy còn chần chừ gì nữa hãy bắt tay vào làm thôi.

Để hiểu rõ hơn nguyên tắc hoạt động của menu này các bạn vui lòng xem ảnh động bên dưới:

Thứ Ba, tháng 10 15, 2013

Menu ngang với icon ẩn hiện từ CSS3 cho blogger

by
Rất nhiều nhà thiết kế sử dụng hình ảnh kết hợp với CSS3 trong tiến trình hoạt động của menu. Với kỹ thuật này họ phải tập trung để trang của bạn tải nhanh hơn và tính tương tác cao hơn. Trong hướng dẫn làm meuu này chúng ta sẽ thấy các icon ẩn hiện rất mượt mà khi di chuột trên thanh menu mà không cần sử dụng bất kỳ thư viện JavaScript, tất cả thuần túy chỉ là các biểu tượng và CSS3.

Các bạn có thể xem hình minh họa hoặc demo ở bên dưới nha:
Menu ngang với icon ẩn hiện từ CSS3 cho blogger - Css Icon Hover Effect Navigation Bar For Blogger

Menu xổ dọc bằng click chuột cho blogger

by
Thanh menu trong thiết kế web là rất quan trọng nó giúp khách truy cập của blog có thể định hướng nội dung chính của trang web và dễ dàng trong việc tìm kiếm các thông tin mà họ quan tâm. Namkna đã giới thiệu tới các bạn rất nhiều thanh menu khác nhau. Tuy nhiên trong bài hướng dẫn này Namkna sẽ giải thích về cách thêm các tab sub menu chỉ hiện ra khi bạn click chuột vào đó. Đây là một ý tưởng mới với mẫu menu hoàn toàn từ CSS 3 (không sử dụng bất kỳ một hình ảnh nào) và phải sử dụng tới các click chuột phần nào giúp độc giả của bạn cảm thấy hứng thú hơn trong việc xem xét các nội dung chứa đằng sau các tab đó.

Các bạn có thể xem hình ảnh minh họa bên dưới hoặc xem trực tiếp trên blog demo:
Menu xổ dọc bằng click chuột cho blogger - Add Clickable Tabs Style Navigation Bar for Blogger

Thứ Năm, tháng 9 12, 2013

Menu xổ dọc một cấp đẹp từ script và css cho blogspot

by
Bài viết này mình sẽ giới thiệu đến các bạn một mẫu menu mới đẹp, giúp trang của bạn trở nên chuyên nghiệp hơn. Menu với màu chủ đạo là màu trắng và hiệu ứng xuất hiện các menu xổ dọc đẹp từ scripts cho blogspot của bạn.
Menu xổ dọc một cấp đẹp từ script và css cho blogspot

Thứ Tư, tháng 9 11, 2013

Menu xổ dọc từ dưới lên trên cho blogspot

by
Bài viết này mình sẽ hướng dẫn các bạn cách tạo một menu xổ dọc từ dưới lên trên, Với mẫu menu này blog bạn sẽ trở nên đặc biệt hơn trong mắt độc giả, và biết đâu nó lại là nhân tố giúp blog của bạn thu hút thêm được nhiều độc giả phải không nào.
Chắc hẳn bạn chưa nghe đến mẫu menu này bao giờ phải không. Bài viết này được namkna viết theo yêu cầu của bạn Luân H trong bài viết này Các bạn có thể xem hình ảnh demo của menu này như hình ảnh bên dưới hoặc là xem trên blog demo nha:
Menu xổ dọc từ dưới lên trên cho blogspot
ảnh minh họa cho menu

Thứ Năm, tháng 8 08, 2013

CSS Dropdown menu đơn giản cho blogspot

by
CSS Dropdown menu đơn giản cho blogspot
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 đề đó.

Thứ Hai, tháng 7 08, 2013

Responsive dropmenu đơn giản từ CSS3 cho blogger

by
Đây là menu xổ dọc đơn giản từ CSS 3 được thiết kế bởi duy phạm được tích hợp thêm chức năng responsive tức là thay đổi giao diện cho phù hợp với thiết bị ngoại vi khi chiều rộng của blog thay đổi theo kích thước màn hình của thiết bị đó. Để làm được nó bạn chỉ cần làm theo hướng dẫn của mình ở dưới đây nha:

Trước tiên các bạn có thể xem hình ảnh minh họa bên dưới để thấy rõ hơn nguyên tắc hoạt động và chức năng responsive được tích hợp vào menu này nha (Nếu  không xem được hãy bấm Vào đây nha):
Responsive dropmenu đơn giản từ CSS3 cho blogger

Thứ Sáu, tháng 6 28, 2013

Tạo Responsive Dropdown Menu trong Blogger

by
Tạo Responsive Dropdown Menu trong Blogger
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!


Thứ Năm, tháng 6 13, 2013

Colume Dropmenu có Search cho blogspot

by
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.
Colume Dropmenu with Search for blogspot

Thứ Hai, tháng 6 03, 2013

Css3 Flying Drop Down Menubar cho Blogger

by
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.

Css3 Flying Drop Down Menubar Blogger

Chủ Nhật, tháng 5 26, 2013

Dropmenu xổ dọc theo cột cho blogspot

by
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.
Dropmenu xổ dọc theo cột cho blogger blogspot

Thứ Ba, tháng 5 14, 2013

Dropmenu đa cấp từ CSS3 và icon

by
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.
Dropmenu đa cấp từ CSS3 và icon

Thứ Năm, tháng 2 14, 2013

Menu sổ nhiều cấp giống facebook cho blogger/blogspot

by
Menu sổ nhiều cấp giống  facebook cho blogger/blogspot
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

Thứ Ba, tháng 2 12, 2013

Menu xổ dọc với 2 cột sub cho blogger

by
Dropmenu style black for blogger - Menu xổ dọc với 2 cột sub cho blogger
Menu là một thành phần có tác dụng điều hướng và tạo sự chuyên nghiệp cho trang blog hoặc web có nhiều nội dung, 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 hay nhiều cột thay vì một cột như các style trước đây mà namkna đã giới thiệu.

Thứ Ba, tháng 1 29, 2013

AJAX Navigation Menu drop trượt đẹp cho blogger

by
AJAX Navigation Menu trượt đẹp cho blogger
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.

Thứ Năm, tháng 1 10, 2013

Mega Dropmenu từ CSS cho blogger/blogspot

by
Mega Dropmenu dẹp từ CSS cho blogger/blogspot
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,...