Thứ Hai, 2 tháng 3, 2009

Cách tạo menu Flash cho blog website


Phần I Tạo menu Flash cho blog website

Đầu tiên bạn hãy tải chương trình 123 Flash Menu đã có sẵn key . Sau khi cài đặt và khởi động thì giao diện của chương trình xuát hiện rất trực quan và dễ sử dụng .

Đầu tiên hãy chọn những mẫu Template chương trình có sẵn , những mẫu này rất đẹp (sau đó ta có thể chỉnh sửa lại theo ý thích ) , nếu không thích bạn có thể chọn Cancel để bỏ qua

image

Các chức năng chính

phần meu Items hiển thị theo dạng cây nên rất trực quan

( Phần Menu Items được hiển thị theo bản cây nên rất trực quan )

Các nút chức năng chính

image

image : nút này dùng để thêm một menu , tương tự như ta tạo Folder trong Win

image : nút này để xóa một menu

image : di chuyễn menu lên trên một bậc

image : di chuyển xuống dưới một bậc

image : mở các menu theo dạng cây đầy đủ

image : thu menu lại

Menu Item Proerties :

image

Text : tên của menu

Link : link URL của đường dẫn trang web bạn muốn hiện ra khi nhấp vào menu đó

Target : chọn _blank mở ra một cửa số mới .....

Sau khi đã tạo xong , vào File => Save lưu lại , rồi File => Publish để hoàn tất công việc .

Đây chỉ là những chức năng chính của chương trình , còn có rất nhiều những thành phần khác , chúng ta hãy cùng nhau tìm hiểu

Phần II Đưa menu flash vào blog website

Sau khi tạo menu hoàn chỉnh xong bạn bấm vào File > Save , riếp tục bấm vào File > Publish chọn phần Output HTML Code and Flash ( *.swf ) File , bấm Next , trong cửa sổ mới hiện ra trong phần Mode bạn có thể chọn là Centered để canh menu ngay chính giữa cho đẹp hơn , tiếp tục bấm Next , hãy copy đoạn code HTML và lưu vào Notepad đặt tên là Code 1 ( hình dưới )

clip_image002

Sau đó bấm Next , tiếp tục copy đoạn code khác trong cửa sổ mới hiện ra và lưu vào Notepad với tên là code 2 , rồi cứ bấm Next liên tục cho đến khi hoàn tất . ( Finish )

Công việc tiếp theo đó là bạn hãy up các file adjustmenu.js , flashobject.js , menu.swf vào một cái host lưu trữ nào đó - phải up cùng một thư mục ( xem giới thiệu host lưu trữ tại đây ) .

Tiếp theo bạn hãy thêm Thêm Tiện ích (Add a Page Element ) vào Header , để đặt menu trên trang blog của mình ( xem cách thêm Add a Page Element tại đây ) . Sau khi xong thêm một cái HTMl/JavaScript và copy đoạn code 1 , đoạn code 2 ( nhớ là đoạn Code 1 phải nằm trên đoạn Code 2 thì menu mới hoạt động ) và thay thế đường dẫn của các file adjustmenu.js , flashobject.js , menu.swf bằng đường dẫn của các file adjustmenu.js , flashobject.js , menu.swf vừa uplên host lúc nãy .

Sưu tầm

3 Comments:

vinhtueba said...

Anh ơi! em là Vinh đang tìm hiểu về cái này và muốn tạo một cái để đưa vào blogtiengviet. Anh có thể chỉ cho em được không? Em tạo được menu rồi nhưng không đưa được vào blog anh ah. Em không hiểu lưu vào Notepad nghĩa là gì anh ah. có phải mình lưu vào một thư mục nào đó không anh? Ở trong Blogtiengviet em cũng không thấy phần thêm tiện ích ở đâu cả nữa. Anh giúp em nhé? Em cảm ơn anh rất nhiều.

VnTim.TK™ said...

lưu vào Notepad nghĩa là bạn lưu đoạn code lại để dùng ở bước sau, nếu muốn bạn có thể lưu vào word hay phần mềm gõ văn bản nào cũng được
Còn phần thêm tiện ích thì bạn đăng nhập vào Blogger rồi vào phần bố cục rồi trong mục "phần tử trang" sẽ có phần Thêm Tiện ích (Add a Page Element )
Nếu ở Header ko có mục này thì bạn thêm vào baats cứ mục nào rồi di chuột vào nó nháy và giữ chột trai rồi di chuyển đến dưới thanh Navbar hoặc phần trên cùng của Blog (nếu bạn đã đổi giao diện)
VnTim.TK™ Chúc bạn thành công

Hồ Quang Tây said...

Tôi làm xong và nhung vao blog rồi nhưng các sub menu bị ẩn dưới các layer khác .nên không thể nhìn được .bạn vui lòng hướng dẫn cách khắc phục.

Cám ơn nhiều
email:hotay0209@gmail.com

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam