Tạo trình Menu thả xuống đơn giản

Thiết kế Blog giá rẻ  Có bao giờ bạn thấy Menu như hình dưới? Với Menu này bạn chỉ cần click chọn vào trình đơn thả xuống để chọn. Bạn hãy thử click vào để thử.

Tên của nó thường gọi là Trình đơn Menu thả xuống.

Để tạo trình đơn này bạn có thể thực hiện bởi mã sau:



<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected> Tiêu đề do bạn ghi! </option>

<option value=" Đường link thể hiện tại đây "> Đoạn văn bản thể hiện </option> </select></form>


Ví dụ với các mã như sau:



<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option>- Blog Tutorial - </option>
<!-- change the links with your own -->
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option>

</select></form>
Bạn sẽ được kết quả:


Bây giờ bạn có thể tạo cho blog của mình 1 trình đơn Menu như trên, các bước thực hiện rất đơn giản.
Trước tiên, bạn làm các bước sau :

Đăng nhập vàoLogin to blogger
Sau khi đăng nhập, bạn vào Bảng điều khiển (dasboard page) , click chọn Bố cục (Layout).
Click chọn vào tab Phần tử trang (Page Element). Xem hình minh hoạ. Ở đây tôi minh hoạ cho các bạn bằng bẳng tiếng anh.

Click chọn vào Thêm tiện ích (Add a Page element).
Sau khi hiện ra cửa sổ popup window , click chọn Thêm tiện ích (add to blog) HTML/JavaScript. Như hình minh hoạ sau :

Bạn Copy và dán code bên dưới vào :


Click chọn
Hoàn thành và bạn hãy xem lại thành quả của mình.
Ok, bạn đã có 1 dropdown menu cho blog của mình. Nếu bạn vẫn lúng túng với các bước trên bạn hãy đăng nhập vào blog của bạn và thêm widget một cách tự động:






Click nút sau để tự động thêm vào Blog của bạn.



Chúc các bạn thành công.
Nguyễn Hữu Dũng : Nếu bài viết này có ích với bạn, hãy bấm +1, chia sẻ với bạn bè để khích lệ mình viết thêm các bài viết mới! Cám ơn các bạn đã ủng hộ.
- See more at: http://huudung.vantri.vn/2011/01/tao-trinh-menu-tha-xuong-on-gian.html#sthash.YG1vi2zV.dpuf

Nguồn : chúng tôi sưu tầm từ nhiều nguồn
SHARE

Thiết kế web chuyên nghiệp giá rẻ

Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 nhận xét:

Đăng nhận xét