Trang chủ > Thủ thuật blog > Tạo Menu dạng Drop down đơn giản

Tạo Menu dạng Drop down đơn giản

[Sboy]– Hôm nay mình xin giới thiệu cùng các bạn một thủ thuật khá hay và cũng rất đơn giản để thực hiện. Đó là tạo một thư mục dạng drop down (thả xuống), điều này sẽ làm cho bạn có thể tiếc kiệm được không gian khi có nhiều liên kết bạn muốn hiển thị trên blog. Tuy nhiên, bạn cũng có thể ứng dụng điều này cho các việc khác mà bạn muốn. Thủ thuật đơn giản với cá bước như bên dưới:
Xem: Live demo

Nhãn bài viết Thủ thuật blogger Blogger cơ bản Tin học Tình yêu Trắc nghiệm

☼ Thực hiện:
1. Đầu tiên đăng nhập vào blogger

2. Vào bố cục và thêm một HTML/Javascript
3. Dán code bên dưới vào HTML/Javascript vừa thêm đó

Tên của menu

<option value=" {link 1} “> Tên của link 1
<option value=" {link 2} “> Tên của link 2
<option value=" {link 3} “> Tên của link 3
<option value=" {link 4} “> Tên của link 4
<option value=" {link 5} “> Tên của link 5

☼ Tùy chỉnh:
– Code màu xanh đậm ở trên chính là tên hiển thị của menu, chính là “Nhãn bài viết” trong demo ở trên.
– Code màu đỏ là đường link bạn muốn dẫn đến
– Code màu xanh lá là tên hiển thị cho đường link tương ứng
Ở đây mình chỉ giới thiệu cho các bạn 5 tùy chọn trong menu, bạn có thể thêm hoặc bớt đi theo ý bạn. Bạn có thể thêm các link 6, link 7… tương tự như code xanh dương bên dưới

Tên của menu

<option value=" {link 1} “> Tên của link1
<option value=" {link 2} “> Tên của link 2
<option value=" {link 3} “> Tên của link 3
<option value=" {link 4} “> Tên của link 4
<option value=" {link 5} “> Tên của link 5
<option value=" {link 6} “> Tên của link 6
<option value=" {link 7} “> Tên của link 7


Hãy chọn vị trí đặt HTML/javascript đó.
Chúc bạn thành công

Chuyên mục:Thủ thuật blog
  1. Chưa có phản hồi.
  1. No trackbacks yet.

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: