Thứ Năm, 28 tháng 6, 2012

thủ thuật blogspot » Tạo trình Menu thả xuống đơn giản

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 : 

  1. Đăng nhập vàoLogin to blogger
  2. Sau khi đăng nhập, bạn vào Bảng điều khiển (dasboard page) , click chọn Bố cục (Layout).
  3. 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.
  4. page element
  5. Click chọn vào Thêm tiện ích (Add a Page element).
  6. 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 :
  7. javascript
  8. Bạn Copy và dán code bên dưới vào :
  9. Click chọn save changes
  10. 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.

 
Mẫu được cung cấp bởi HỌC VIỆN ĐÀO TẠO CÔNG NGHỆ TRỰC TUYẾN
Nhà phát triển Web CÔNG TY CỔ PHẦN ROYAL INTERNATIONAL
Đơn vị chủ quản CÔNG TY CỔ PHẦN HỘI TRIỆU PHÚ