Cách làm module tự tạo nhúng media trên 360Plus

Cách làm module tự tạo nhúng media trên 360Plus

Yahoo cho phép người dùng tạo tối đa 10 module (gọi là user module) để làm 1 thành phần trên trang chủ (ví dụ, nhúng vào đó 1 playlist). Khi khách dời khỏi trang chủ thì module tự tạo sẽ biến mất. Người dùng có thể đặt module ở cột giữa (rộng) hoặc 2 bên (hẹp). Có thể di dời (bằng cách rê thả) module lên cao hay thấp.Đây chính là tính năng thu hút người dùng ở VN tham gia 360Plus.

Giả thiết , bạn muốn có 1 player trong module tự tạo để khi vào blog là có nhạc ngay. Bạn muốn module này đặt ở cột hẹp bên phải. Để được như vậy, bạn phải thực hiện 3 bước:

1- Tạo một module ở cột hẹp. Ghi nhớ số thứ tự của module. Có lẽ đây là lần thứ nhất bạn tạo module nên thứ tự của nó sẽ là 01.
2- Viết mã CSS thiết kế module 01
3- Viết mã HTML nhúng media vào module 01.
Dưới đây là thứ tự thao tác:

Giai đoạn 1: Tạo Module 01
1- Bấm menu "Thiết Kế" rồi bấm nút "Thêm mô-đun".



2- Bấm nút option chọn "cột tự thiết kế" mới (đây là lần đầu làm việc này nên bạn chọn cột số 1).



3- Bấm nút "Tiếp".
 4- Sang trang mới, bấm nút option chọn vị trí cột hẹp bên phải (bạn chọn ở đâu là tùy vào nhu cầu của bạn).



5- Bấm nút "Xong".
6- Bạn được trả trở về trang chủ.
7- Khi ấy module mới đã xuất hiện ở đáy cột bên phải. Nó chưa có tên.
8- Để di dời nó đến đỉnh cột bên phải thì bạn bấm menu "Thiết Kế" .
9- Module mới sẽ thay đổi hình thức sang trạng thái sẵn sàng chịu xử lý.
10- Bạn đưa chuột lên trên thanh tiếu đề của module thì cursor thành hình mũi tên 4 đầu cho bạn biết rằng bạn có thể rê module này đến vị trí khác được rồi.
11- Bạn rê module hướng lên phía trên cột, rê đến đâu thì 1 khung bao viền đỏ gạch đứt sẽ xuất hiện đến đó. Nơi nào có khung bao là nơi đó sẵn sàng nhận module.
12- Bạn rê module vào khung bao trên đỉnh cột rồi thả ra.



Module mới đã sẵn sàng vào việc.

Giai đoạn 2: Viết mã CSS thiết kế style cho module 01

Bạn nên có đường dẫn của hình nền trước khi làm thao tác này. Nếu chưa có hình nền hoặc không dùng hình nền thì cũng không sao cả, vì điều này không phải là tùy chọn bắt buộc.

1- Nếu thanh công cụ "Thay đổi kiểu thiết kế trang" vẫn còn thì bạn tiếp tục thao tác sau đây. Nếu đã mất thì bạn bấm menu "Thiết kế" để nó xuất hiện trở lại.
2- Bấm vào nút "Theme".
3- Bấm nút tùy chọn "Chế độ tự chỉnh sửa". Rồi bấm nút "Tiếp".



4- Kéo thanh cuộn xuống để nhìn thấy khung soạn CSS.



5- Bạn hãy copy rồi paste code này vào khung
#user_mod_10001 .hd .titlebar .hd h2 {font-size:0px;color:transparent;} #user_mod_10001 .rc_bd .rc_bc .bd, #user_mod_10001 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10001 .rc_bd .rc_bc .hd .titlebar {background:transparent;} #user_mod_10001 .rc_bd {background:transparent url(BackgroundPic) no-repeat center top;}

6- Bạn dán chồng đường dẫn ảnh nền lên chuỗi BackgroundPic trong code. Nếu không dùng ảnh nền thì bạn xóa hẳn chuỗi này đi.
7- Nếu sau này bạn làm thêm module nữa thì bạn sửa tất cả các số 10001 thành 10002, và cứ như thế cho đến 10010 là hết.
7- Bấm nút "Xong"

Như vậy là bạn đã làm xong style cho module 01.

Giai đoạn 3: Nhúng Player vào Module mới

Giả thiết bạn muốn đặt playlist nhạc Ngô Thụy Miên (địa chỉ http://www.nhaccuatui.com/Nghe?L=j2uR4x1a_zum ) vào module
1- Bạn bấm menu "Thiết kế". Module mới chuyển sang chế độ chỉnh sửa.
2- Bạn bấm vào chỗ "Sửa" (bên cạnh biểu tượng bút chì) trên thanh tiêu đề của module mới.



3- Đánh máy tiêu đề module vào ô Tiêu đề cột. Nếu không muốn có tiêu đề thì bạn nhập cho nó 1 dấu chấm (.).
4-Copy&Paste code nhúng media dưới đây vào khung "Nội dung cột". Ở đây là code của player Nhạc Ngô Thụy Miên. Width của cột hẹp là 150px. Do đó bạn phải chịu mất mép phải của player.
<center><br /><embed type="application/x-shockwave-flash" allowscriptaccess="never" src="https://i982.photobucket.com/albums/ae304/Hunnie_-tr/Fash/leeblog_playlist.swf" wmode="transparent" flashvars="file=http://nct.hanoivatoi.com/NCT/xml.php?id=j2uR4x1a_zum&config=http://nct.hanoivatoi.com/NCT/config.php?config=ok%26backcolor=0x000000%26frontcolor=0xFFFFFF%26lightcolor=0xFFFF00%26autostart=false%26shuffle=false%26repeat=false%26jpgfile=http://y1n9.webs.com/Flash/T227.swf" width="160" height="250" ><br /></center>

5- Bấm nút Lưu. Bạn sẽ thấy media trong cột hẹp



Chúc bạn thành công

-CAROLINE JUDITH-

Nguồn: trinhsang
Soạn lại: Caroline Judith

Nhúng nhạc vào Module trên 360Plus

Giả thiết bạn muốn dặt 1 playlist yêu thích lên trang Home để khi vừa vào blog là thấy ngay. Như vậy, bạn phải tạo module (tham khảo bài bên trên)

1- Trước hết bạn bấm nút mũi tên xuống bên phải menu "Blog của tôi" rồi chọn "Thêm module".
2- Bấm nút option chọn "cột tự thiết kế" mới (đây là lần đầu làm việc này nên bạn chọn cột số 1).


3- Sang trang sau, bạn bấm nút option "Cột chính (rộng)". Rồi bấm "Xong".
4- Trở về trang Home, bạn bấm nút mũi tên xuống bên phải menu "Blog của tôi" rồi chọn "Sửa trang".
5- Bạn chuyển xuống cuối cửa sổ sẽ thấy Module 1.
- Thanh Title để bạn rê module đến chỗ khác, bạn hãy rê thả nó bên trên module "Bài Viết".
- Về sau, nếu muốn đóng module 1 thì bạn bấm nút Close.
- Bây giờ, bạn bấm nít Edit (icon là bút chì màu vàng) để thấy khung soạn Code HTML


Giả thiết, bạn muốn đặt vào module playlist "Hồng Nhung - Cháu Vẽ Ông Mặt Trời (Vì Cuộc Sống Trẻ Thơ) "
- Địa chỉ: http://www.nhaccuatui.com/nghe?L=rWmdJCd52REa
- Code nhúng được soạn sẵn trong thẻ table là:
<table width="425" height="294"><tbody><tr><br /><td background="http://anhso.net/data/4/merrie18/472355/PC0723LAR86258.jpg"><br /><embed type="application/x-shockwave-flash" allowscriptaccess="never" src="https://i982.photobucket.com/albums/ae304/Hunnie_-tr/Fash/leeblog_playlist.swf" wmode="transparent" flashvars="file=http://nct.hanoivatoi.com/NCT/xml.php?id=rWmdJCd52REa&config=http://nct.hanoivatoi.com/NCT/config.php?config=ok%26backcolor=0x000000%26frontcolor=0xffffff%26lightcolor=0x04B4AE%26autostart=false%26shuffle=false%26repeat=false%26jpgfile=http://vn.pijaja.com/Portals/0/UserFiles/User4204/1t2t_80.swf" width="300" height="250" ></td></tr> </table> (code nhúng)
5- Bạn nhập 1 tên cho tiêu đề Module
6- bạn paste code nhúng vào khung Nội dung
7- Bấm nút Lưu xong, bạn sẽ thấy kết quả.


Vì diễn đàn không hỗ trợ trẻ table nên tôi chỉ có thể minh họa bằng ảnh snapshot từ blog.


Chúc bạn thành công

-CAROLINE JUDITH-