Tạo drop menu kết hợp xổ ngang và sổ dọc

Tạo drop menu kết hợp xổ ngang và sổ dọc

Fairstar | 01-04-2012 | nhận xét (4)

Hôm nay namkna sẽ giới thiệu cho các bạn một Style menu mới ngoài chức năng tạo menu xổ ngang còn có thêm chức năng xổ dọc ở các menu con khi ta dê chuột vào.

Các bạn có thể xem demo để thấy rõ hơn.

Demo for Post

Hoặc có thể xem ảnh minh họa:

Menu Drop Down 1 cấp cho blogspot Style 4

Menu Drop Down 1 cấp cho blogspot Style 4

Fairstar | 01-04-2012 | nhận xét (3)

Demo for Post

☼ Cách tiến hành:

Drop Menu Ngang với hiệu ứng jquery

Drop Menu Ngang với hiệu ứng jquery

Fairstar | 08-02-2012 | nhận xét (24)

Một blog có nhiều chủ đề, nhãn, trang, và các bài viết thì phải sắp xếp các chủ đề chương mục đó sao cho hợp lý logic, Hôm nay namkna sẽ giới thiệu cho các bạn một mẫu Menu chuyển động với hiệu ứng jquery rất đẹp. Thích hợp cho các blog. Tuy sử dụng file jquery nhưng bạn yên tâm nó không làmh cậm tóc độ blog của bạn đi.

Demo Download

 Các bước thực hiện:
 1. Vào Thiết Kế -> Phần Tử Trang

2. Chọn Thêm Tiện Ích

Menu ngang sổ dọc nhiều cấp sử dụng CSS3 - style3

Menu ngang sổ dọc nhiều cấp sử dụng CSS3 - style3

Fairstar | 06-04-2012 | nhận xét

Nếu trước đây các bạn phải than phiền về tốc độ blog bị giảm đi ít nhiều khi áp dụng các thanh menu xổ dọc nhiều cấp kết hợp JQuery. Thì hôm nay mẫu menu namkna giới thiệu này sẽ đem đến cho các bạn một trải nghiệm tuyệt vời với CSS3.

Bạn có thể xem Demo để xem sự vượt trội của CSS 3 nhé.

Demo for Post

Ảnh minh họa:

Menu ngang xổ dọc một cấp cho blogspot Style 2

Menu ngang xổ dọc một cấp cho blogspot Style 2

Fairstar | 20-03-2012 | nhận xét (22)

Hôm nay namkna sẽ giới thiệu cho các bạn một mẫu menu Drop mới dành cho các bạn có nhu cầu. Đặc điểm của Menu này là chỉ xổ 1 cấp, tuy nhiên giao diện nhìn hấp dẫn hơn so với mẫu lần trước mình giới thiệu.

Demo

Demo for Post

Ảnh minh họa

Menu luôn hiển thị trên đầu hoặc chân blogspot

Menu luôn hiển thị trên đầu hoặc chân blogspot (hay sử dụng)

Fairstar | 09-04-2012 | nhận xét (6)

Namkna đã giới thiệu choc ác bạn rất nhiều mẫu menu khác nhau như: menu 1 cấp, xổ dọc nhiều cấp, menu ngang,dropmenu, hay dạng kết hợp... Các mẫu đó đều đặt dưới header. Hôm nay namkna xẽ giới thiệu cho các bạn một thủ thuật đơn giản cho phép bạn tùy biến tất cả các mẫu menu mà namkna đx giới thiệu.  Giúp bạn có thể đặt thanh Menu này ở bất cứ vị trí nào, ví dụ : trên cùng (top), bên dưới(bottom), trái trên(left-top), phải dưới (right-bottom)...
Demo ngay tại trang namkna với thanh menu đầu tiên.

☼ Cách tiến hành:

   1- Xác định tên Id hoặc Class của menu Phần này thường nằm trong thẻ div của các menu.

Ví dụ: với menu xổ dọc nhiều cấp Tại đây thì có Id và Class như sau:

Menu dọc xổ xuống dạng thư mục từ Jquery style 2

Menu dọc xổ xuống dạng thư mục từ Jquery style 2

Fairstar | 22-04-2012 | nhận xét (16)

Hôm nay namkna sẽ giới thiệu cho các bạn một mẫu menu dọc đẹo dành cho việc thiết kế blog. Menu này có đặc điểm trượt từ trên xuống, hết hợp hiệu ứng hover khi dê chuột. Điểm khác biệt là menu sử dụng 2 botton để ẩn hiện các sub menu. 

Các bạn có thể xem demo:

Demo for Post

Ảnh minh họa:

Chèn Các bộ emoticons cho blog

Chèn Các bộ emoticons cho blog

Fairstar | 02-06-2011 | nhận xét

Như các bạn trước đây Namkna đã giới thiệu cho các bạn thủ thuật Chèn biểu tượng cảm xúc vào nhận xét dạng input cho đến nay thủ thuật này vẫn là thủ thuật được xem là tốt nhất các bạn có thể xem TẠI ĐÂY. 

Như thế không có nghĩa là mình không giới thiệu các thủ thuật khác. Hôm nay tình cờ qua blog bạn Võ Quốc An Mình thấy 1 thủ thuật khá hay. Thủ thuật này chỉ có một chữ ưu điểm là không phải load số emoticons tuy nhiên nhược điểm là bạn phải thao tác trên của sổ Popup mới. Các bạn có thể xem hình. 

Biểu tượng mặt cười cho phần Comment của Blogspot

Biểu tượng mặt cười cho phần Comment của Blogspot

Fairstar | 25-07-2011 | nhận xét (31)

Blogspot không hỗ trợ các biêt tượng mặt cười ở phần comment như của blog yahoo do vậy nhiều khi các bạn muốn chền các biểu tượng cảm xúc nhưng lại không biết cách  do vậy mình xin giới thiệu cho các bạn cách chèn biểu tượng mặt cười

Ảnh minh họa Demo:

Chèn comment phân cấp vào Blogspot của bạn vers 1

Chèn comment phân cấp vào Blogspot của bạn vers 1

Fairstar | 28-10-2011 | nhận xét (52)

Từ lâu, hệ thống comment đơn cấp của Blogspot đã trở thành điểm soi mói và chê trách từ người dùng của các nền tảng khác. Tuy nhiên, kể từ thời điểm này, điều đó chỉ còn là quá khứ vì Blogspot chúng ta đã thực sở hữu hệ thống comment phân cấp hoàn chỉnh không kém gì các hệ thống khác.

Chèn biểu tượng cảm xúc vào nhận xét dạng input

Chèn biểu tượng cảm xúc vào nhận xét dạng input (Update 20/02/2012)

Fairstar | 24-09-2011 | nhận xét (57)

Chắc hẳn bạn cũng biết rằng hệ thống nhận xét của Blogspot có phần khung viết nhận xét (Comments Form and Editor) dưới dạng nhúng từ bên ngoài qua thẻ iframe do đó chúng ta không thể chèn biểu tượng cảm xúc (Emoticons) vào nhận xét bằng phương pháp input như Wordpress. Để giải quyết vấn đề này, chỉ có một cách là tạo khung nhận xét riêng theo kiểu Wordpress cho Blogspot. 

Menu dọc xổ xuống dạng thư mục từ Jquery style 2

Menu 1 Sub Menu 1.1 Sub Menu 1.2 Sub Menu 1.3 Sub Menu 1.4 Sub Menu 1.5

Menu 2 Sub Menu 2.1 Sub Menu 2.2 Sub Menu 2.3 Sub Menu 2.4

Menu 3 Sub Menu 3.1 Sub Menu 3.2 Sub Menu 3.3 Sub Menu 3.4 Sub Menu 3.5 Sub Menu 3.6

Menu 4 Sub Menu 4.1 Sub Menu 4.2 Sub Menu 4.3 Sub Menu 4.4 Sub Menu 4.5

Menu dọc xổ xuống dạng thư mục từ Jquery style 2

Xem cách làm menu này TẠI ĐÂY
Ảnh sử dụng trong menu

Ảnh minh họa:

CÁC WEBSITE HAY

1. ĐƯỜNG THỐT NỐT: http://duongthotnot.blogspot.com/
2. TRANG CÁ NHÂN:  http://hoainamvina.blogspot.com/
3. NƯƠC KHOÁNG : http://nuockhoangqd.blogspot.com/
4. BLOG LÀM: http://namkna.blogspot.com/
5.
6.
7.
8.
9.
10.