Đăng ngày: 10:52 28-07-2009
Tình hình là hôm trước vừa làm xong cái hiệu ứng flash Module và Banner, thấy cũng hay hay. Hôm nay thấy 1 số bạn vào blog hỏi, và với 1 số lý do khác, nên mình cũng share cách làm luôn... đỡ phải có ai đó lại vào đây tự động mò mẫm thì phải tội

...
Nói thêm về hiệu ứng này, đây là hiệu ứng chèn 1 đoạn Flash nào đó lên bề mặt Blog, Module giống như con cá trong Module Fr List của mình đó. Khi chèn xong sẽ xuất hiện hình Flash lên các phần của Module, nếu biết kết hợp Flash đẹp và tương ứng bạn có thêm 1 cách trang trí rất hay cho blog rồi đấy 
.
Lưu ý : Hiệu ứng này
chèn Flash lên bề mặt Module, nên các bạn đừng cho hiệu ứng này vào
Module Bài Viết và 2 module phụ bên cạnh, sẽ
ko click chuột vào Link được, chỉ nên dùng cho các module cột giữa thôi.
Sau đây là cách làm : 1 - Chèn Module : Đầu tiên phải chèn 1 module tự tạo lên trên các module mình muốn làm hiệu ứng.
- Muốn thêm module tự tạo Click Thiết kế > Thêm Module > Module Tự Tạo .
- Click Tiếp nút Thiết kế và kéo Module tự tạo lên trên vị trí các module muốn làm hiệu ứng.
Ví dụ, như blog mình là module Friend List và Module Tâm Trạng :
2 - Chèn Code vào CSS :
- Tiếp theo chèn Code này vào CSS để làm trong suốt nó hoàn toàn nhé !
- Trước khi chèn Code bạn phải thay các chữ X trong Code trên bằng số thứ tự Module Tự Tạo.
Ví dụ : Module tự tạo này của mình là số 2 thì phải thay thành : #user_mod_10002
Code:
#user_mod_1000X .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_1000X .rc_bd .rc_bc .hd .titlebar{background:transparent;} #user_mod_1000X .rc_bd .rc_bc .bd {background:transparent;} #user_mod_1000X .rc div, #user_mod_1000X .rc, #user_mod_1000X .rc_bd, #user_mod_1000X .rc_bd div.rc_bc, #user_mod_1000X .rc_ft, #user_mod_1000X .rc_ft div{background:transparent;color:none;} #user_mod_1000X {height:0px}
|
3 - Chèn Code vào Module Tự Tạo :
- Cuối cùng ta chèn Code này vào nội dung Module Tự Tạo trên, thay link Flash vào Code nhá :
Code:
| <embed type="application/x-shockwave-flash" AllowScriptAccess='never' style="width:600px;height:500px;" src="Link Flash" wmode="transparent" height="500" width="600"></embed> |
Ví dụ : Đây là đoạn Code con cá của Blog mình :
Code:
<embed type="application/x-shockwave-flash" AllowScriptAccess='never' style="width:600px;height:500px;" src="http://img510.imageshack.us/img510/2327/115.swf" wmode="transparent" height="500" width="600"></embed>
|
4 - Vấn đề Link Flash :
- Các bạn chọn danh sách Flash dưới đây được cung cấp bới đại ka coollove nhá :
Link:
- Click vào link tương ứng để xem Flash, nếu thích thì bấm chuột phải vào link trên chọn Save Target As (Đối với IE) hoặc Save Link As (với Firefox).
- Sau đó up lên các host như imageshack.us hoặc fileden.com đều được.
- Sau khi up xong Flash, lấy link Direct từ đó và thay vào code trên là xong !
Update Cách Upload Flash vào ImageShack.us:
- Đầu tiên vào trang Imageshack.us. Nếu chưa có account tại đây, ta có thể đăng kí bằng cách điền thông tin đăng kí vào ô bên dưới góc trái :
- Sau khi đăng kí, ta vào địa chỉ mail để kích hoạt tài khoản.
- Tiếp theo, vào lại trang chủ imageshack.us, click vào nút Sign in để Đăng Nhập.
- Tiếp theo, click vào nút My Image trên thanh Menu :
- Sau khi vào My Image, Click vào chữ Upload Image :
- Chọn File Flash, và Click nút Upload :
- Sau khi Upload xong, ta trở về trang My Image, sẽ thấy xuất hiện file Flash, Click chuột phải vào file , chọn Share It :
- Sau khi đã có link Direct, ta đã có thể dùng thể thay vào Code chèn Flash phía trên !!!
Cách làm với Fileden.com cũng tương tự thôi, các bạn có thể tìm hiểu nhé !!
Chúc các bạn thành công !