Kế Hoạch nhúng Media vào blog 360Plus?

by carolinejudith Wed Aug 24, 2011 9:06 pm

Bạn có 360Plus và muốn nhúng nhạc và clip vào blog nhưng bạn không biết phải quyết định như thế nào. Sau đây là kế hoạch giúp bạn.
Bạn đã biết rằng VNTeam hỗ trợ Video Youtube, Yahoo và Google. Nhưng Video lại là nguồn khai thác mà ít khi bạn nghĩ đến vì nặng tải và vì nó làm độc giả xao nhãng, khó theo được bài viết của bạn. Khoảng tháng 3-2010, VNTeam hỗ trợ thêm nhaccuatui. Để khai thác các nguồn media này thì bạn chỉ cần lấy code nhúng vào diễn đàn. Ở đây, tôi không bàn đến các phương pháp "sơ yếu" đó, vì bạn đã đọc kha khá số bài viết rồi.

Thêm nữa, cái giao diện của NCT thì buồn muốn chết đi được. Nghe bản "Sunday Morning" để làm thơ mà nhìn nó lại mất hết cả cảm hứng. Vậy, bạn muốn khai thác được nhiều nguồn media hơn và số mẫu mã giao diện phong phú hơn.

Trước hết bạn có 3 nguồn dễ nhúng nhạc nhất là nguồn nhaccuatui, nguồn Zing và từ chính bạn. Sau đó là media từ các web nhạc khác. Mức độ phong phú theo thứ tự giảm dần là: NCT cho bạn nhạc audio đơn, audio playlist, video đơn và video playlist. Zing cho bạn audio đơn và audio album. Còn bạn thì có audio MP3 và video FLV, MP4.
Tôi sẽ lần lượt dẫn bạn từ NCT đến Zing rồi cách tự mình post nhạc lên web.

Chuẩn bị:
- Địa chỉ trang nhạc: NCT, Zing hoặc đường dẫn media của bạn
- Địa chỉ hình hay flash trang trí (tùy ý) ví dụ flash trang trí http://img165.imageshack.us/img165/4069/b116.swf
- Chọn bài tương ứng trong topic này
- Chọn code muốn dùng

Bài 1- Nhạc đơn NCT

Ví dụ,
- Nhạc: Bà Mẹ Quê - Trình bày: Như Quỳnh - địa chỉ http://www.nhaccuatui.com/nghe?M=tK8YDgKz_f
- Địa chỉ Hình Như Quỳnh (lớn): http://hinh.trochoivui.com/data/media/9/NH431_QU7922NH_04.jpg (431x600)
- Địa chỉ Hình Như Quỳnh (nhỏ): http://3.bp.blogspot.com/_XOTJ5x6oyfI/SbElF86kw-I/AAAAAAAACdg/tyjQjLhyS8E/s400/nhuquynh.jpg (294x322)

Bạn hãy nắm vững ID của trang nhạc để dùng tool của hanoivatoi và của y1n9 cũ, đó là chuỗi ký tự cuối cùng, phía sau M=. Trong ví dụ này thì ID= tK8YDgKz_f

Code 1- Y1n9 solide mới
- có hỗ trợ video,
- không lồng hình, hỗ trợ logo hình. Nếu bạn không có nhu cầu lồng hình vào player thì player này là tốt nhất.

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ của bản nhạc lên chuỗi PAGELink trong code mẫu.
- Nếu là 1 video, bạn cho displayheight=300 | &height=300 | height="300" và width="300" (mọi tham số size đều bằng 300).
- Nếu bạn không muốn hiển thị khung display thì cho &displayheight=0 | &height=40 và height="40". Khi ấy giao diện player chỉ còn lại 1 thanh ngang 300x40, có tên bản nhạc trong list.
- Chèn link cùa logo phía sau &logo= . Nếu không muốn dùng logo thì để trống.

1- Code nhúng của bài hát có logo sẽ là

Player có logo sẽ hiển thị như sau:

2- Code nhúng của bài hát không logo sẽ là

Player không logo sẽ hiển thị như sau:

Code 2- y1n9 transparent mới
- có hỗ trợ video,
- có lồng hình

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ của bản nhạc lên chuỗi PAGELink trong code mẫu.
- ghi chồng đường dẫn hình lên chuỗi ImgUrl trong code mẫu. Vì controlbar nằm ở đỉnh player và nổi bên trên hình nên nếu bạn dùng hình chân dung thì cần có phần trống mép trên là 70 px để control không đè lên mặt người.
- Nếu là 1 video, bạn hãy chọn hình có size tương xứng với video (chỉ lệch một ít thôi).

Code nhúng sẽ là

Player hiển thị như sau:

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

-CAROLINE JUDITH-

Nguồn:
- media: NCT
- Tool: Y1N9
- Viết bài: Caroline Judith

by carolinejudith Wed Aug 24, 2011 9:42 pm

Bài 1 (tt): Nhạc đơn NCT

Code 3- hanoivatoi
- không hỗ trợ video,
- không lồng hình, cho phép dùng logo hình.

Code mẫu

Cách dùng:
- Ghi chồng ID của bản nhạc lên chuỗi NCTID trong code mẫu.
- Chèn link của logo vào sau &logo= . Nếu không muốn dùng logo thì để trống.
- Thiết lập Dimension
* Nếu muốn hiển thị logo thì giữ nguyên tham số trong code mẫu
* Nếu không muốn hiển thị logo thì cho &díplayheight=0 | height=40 | height="40"

1- Code nhúng có logo sẽ là

Player hiển thị như sau:

2- Code nhúng Không logo sẽ là

Player hiển thị như sau:

(vì lỗi Conf của HANOIVATOI nên list không hiển thị được tên bản nhạc, nhưng chức năng play vẫn hiệu lực)

Code 4- y1n9 solide cũ
- không hỗ trợ video,
- không lồng hình, muốn có hình thì thay logo rồi cho displayheight = height của hình và cho 2 height còn lại = height của hình + 70)

Code mẫu:

Cách dùng có lồng hình
- Ghi chồng ID của bản nhạc lên chuỗi NCTID trong code mẫu.
- Ghi chồng đường dẫn hình ( Địa chỉ Hình Như Quỳnh nhỏ: http://3.bp.blogspot.com/_XOTJ5x6oyfI/SbElF86kw-I/AAAAAAAACdg/tyjQjLhyS8E/s400/nhuquynh.jpg (294x322) vào sau logo=
- Tham số dimension như sau:
* displayheight=322 (= height của hình + 0)
* height=height="387" (= height của hình + 65)
* width="334" (= width của hình + 40)

Code nhúng sẽ là

Player hiển thị như sau:

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

-CAROLINE JUDITH-
Nguồn:
-Media: NCT
- Tool: hanoivatoi, y1n9
- viết bài: Caroline Judith

by carolinejudith Thu Aug 25, 2011 7:52 am

Ví dụ, Bài Ngày Hạnh Phúc (Lam Phương), Sơn Ca trình bày - địa chỉ: http://mp3.zing.vn/bai-hat/Ngay-Hanh-Phuc-Son-Ca/IWZAAZO0.html
Địa chỉ Hình Tiệc Cưới: http://img.news.zing.vn/img/159/t159858.jpg (450 x 299)

1- Y1N9 solide mới

- không lồng hình

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ của bản nhạc lên chuỗi PAGELink trong code mẫu.

Code nhúng sẽ là

Player sẽ hiển thị như sau:

2- Y1N9 transparent mới

- có lồng hình

Code mẫu

Cách dùng:
- Ghi chồng địa chỉ của bản nhạc lên chuỗi PAGELink trong code mẫu.
- Ghi chồng đường dẫn hình lên chuỗi ImgUrl trong code mẫu. Vì controlbar nằm ở đỉnh player và nổi bên trên hình nên nếu bạn chọn hình chân dung thì cần có phần trống mép trên là 70 px để control không đè lên mặt người.

Code nhúng sẽ là

Player hiển thị như sau:

Như vậy, "vùng cấm" của Yahoo đã bị đột nhập, không phải chỉ bằng giao diện của chính MP3Zing mà bằng giao diện hoàn toàn khác.

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

-CAROLINE JUDITH-

Nguồn:
- Media: Zing
- Tool: Y1N9
- Viết bài: Caroline Judith-

by carolinejudith Thu Aug 25, 2011 11:41 am

Code 1: Y1N9 solide mới
- List dọc
- Hỗ trợ video

- Nguồn playlist: Khởi My - Băng Giá (Single 2011) - http://www.nhaccuatui.com/nghe?L=VN0cn15uZW3G
- Nguồn logo: http://s2.gonct.info/playlist/2011/08/25/VN0cn15uZW3G.jpg (189 x 189)

Code mẫu

Cách dùng- Ghi chồng địa chỉ của list lên chuỗi PAGELink trong code mẫu
- &height=150 = height="150" (tùy vào chiều dài list mà bạn muốn cho hiện, tối thiểu là 70.
- tham số width tùy thuộc trang hiển thị (không quá 600px) hoặc tính theo % trang.

Code nhúng

Player:

Code 2: y1n9 solide mới
- List ngang
- Hỗ trợ video

Chuẩn bị:
- Nguồn playlist: Barbra Streisand - What Matters Most (Deluxe Edition 2011) - địa chỉ là http://www.nhaccuatui.com/nghe?L=4IjyzpRzxg7W

Code mẫu

Cách dùng- Ghi chồng địa chỉ của list lên chuỗi PAGELink trong code mẫu
- Ghi chồng địa chỉ của Logo lên chuỗi LogoUrl trong code mẫu.
- cho displaywidth= width của logo = 189 và displayheight= height của logo = 189
- tham số width có thể tùy thuộc khung hiển thị trang (không quá 600px) hoặc tính bằng % khung hiển thị.

Code nhúng

Player:

Code 3: Y1n9 transparent mới

- List dọc
- Hỗ trợ video
- Cho lồng hình và flash trang trí

-Nguồn nhạc: Phạm Duy - Phượng Yêu . Địa chỉ: http://www.nhaccuatui.com/nghe?L=dyu6zujxvwcY
- Nguồn flash trang trí: http://img165.imageshack.us/img165/4069/b116.swf

Code mẫu

Cách dùng- Ghi chồng địa chỉ của list lên chuỗi PAGELink trong code mẫu.
- ghi chồng địa chỉ flash lên chuỗi ImgLink trong code mẫu
Tham số width và height thì tùy ý

Code nhúng:

Player:

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

-CAROLINE JUDITH-

by carolinejudith Thu Aug 25, 2011 3:07 pm

Code 1: Y1N9 solide mới
- List dọc

Chuẩn bị:
- Nguồn playlist: Người Yêu Tôi Khóc - Lam Trường - địa chỉ: http://mp3.zing.vn/album/Nguoi-Yeu-Toi-Khoc-Lam-Truong/ZWZ9B7W0.html
- Nguồn logo: http://image.mp3.zdn.vn/thumb/140_140/covers/8/6/865bb070bd063c09a78d9c44cc628639_1313486165.jpg (145 x 145)

Code mẫu

Cách dùng
- Ghi chồng địa chỉ của album lên chuỗi PAGELink trong code mẫu
- &height=200 = height="200" (tùy và chiều dài list mà bạn muốn cho hiện, tối thiểu là 70.
- tham số width tùy thuộc trang hiển thị (không quá 600px) hoặc tính theo % trang.

Code nhúng

Player:

(vì lỗi hiển thị tạm thời của diễn đàn nên bạn không thấy list. Nhưng chức năng list vẫn hoạt động và nếu nhúng ở nơi khác thì list vẫn xuất hiện)

Code 2: Y1N9 solide mới
- List ngang

Chuẩn bị:
- Nguồn playlist: Saigonesekc - địa chỉ là http://mp3.zing.vn/album/Saigonesekc-Dang-cap-nhat/IW6EF0CD.html
- Địa chỉ logo: http://image.mp3.zdn.vn/thumb/94_94/images/uploads/2010/05_30/1275223120.jpeg (94 x 94)

Code mẫu

Cách dùng- Ghi chồng địa chỉ của list lên chuỗi PAGELink trong code mẫu
- Ghi chồng địa chỉ của Logo lên chuỗi LogoUrl trong code mẫu.
- cho displaywidth= width của logo = 94 và height= height của logo = 94 (có thể thêm 10px bề rộng và 16 px bề cao). Ở đây tôi cho displaywidth= 110 và height=120
- tham số width có thể tùy thuộc khung hiển thị trang (không quá 600px) hoặc tính bằng % khung hiển thị. Ở đây tôi cho width="300"

Code nhúng

Player:

Code 3: Y1N9 transparent mới
- List dọc
- Cho lồng hình và flash trang trí

Chuẩn bị:
-Nguồn nhạc: Tình Khúc Muôn Thuở - Khánh Hà CD . Địa chỉ: http://mp3.zing.vn/album/Tinh-Khuc-Muon-Thuo---Khanh-Ha-Cd-Dang-cap-nhat/IW6890B0.html
- Nguồn flash trang trí: http://img61.imageshack.us/img61/5133/322fm3.swf

Code mẫu

Cách dùng
- Ghi chồng địa chỉ của list lên chuỗi PAGELink trong code mẫu.
- ghi chồng địa chỉ flash lên chuỗi ImgLink trong code mẫu
Tham số width và height thì tùy ý

Code nhúng:

Player:

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

-CAROLINE JUDITH-

by carolinejudith Fri Aug 26, 2011 3:44 pm

Trong bài này bạn sẽ nhúng media của chính bạn
1- Bạn hãy upload file media (MP3, MP4 hoặc FLV) lên 1 host nào đó. Ví dụ, bạn có thể dùng http://www.fileden.com/ để lưu trữ các file media mp3, mp4, wma, wmv, mov, swf, ppt hoặc file ảnh jpg, jpeg, gif, png, hoặc dile dữ liệu txt, pdf, xml
2- Upload xong bạn lấy đường dẫn của media, của file ảnh hay swf để nhúng nhạc
3- Bạn hãy chọn code mẫu thích hợp để trình bày

I- Audio thuần tiếng

Code mẫu:

Cách dùng:
Ghi chồng đường dẫn file audio lên chuỗi Mp3FlvMp4Url trong code mẫu . Ví dụ, bài Mối Tình Đầu (Bambino), do Trúc Mai trình bày có đường dẫn là: http://www.fileden.com/files/2009/8/26/2555918/moitinhdau_bambino.mp3

Code nhúng sẽ như sau:

Như vậy, Player sẽ hiển thị như sau:

II- Audio thuần tiếng có lồng hình hay flash
Code mẫu

Cách dùng:
- Ghi chồng đường dẫn audio của bạn lên chuỗi Mp3FlvMp4Url trong code mẫu.
- Ghi chồng đường dẫn hình của bạn lên chuỗi ImgSwfUrl trong code mẫu.
- Cho height = displayheight = chiều cao của hình
- Cho width bằng bề rộng của hình

Ví dụ:
- file audio: http://www.fileden.com/files/2009/8/26/2555918//VuaMeo.mp3
- file hình: http://www.fileden.com/files/2009/8/26/2555918//VuaMeoDiTich.jpg (550x412)

Code nhúng:

Player sẽ hiển thị như sau:

III- Video không lồng hình
Code mẫu:

Nhạc hình thì dùng thông số
- displayheight=340 | width=460 | height=320 cho toàn bề ngang trang (=567 px) và thông số
- displayheight=170 | height=220" | width="283" | height="160 cho nửa bề ngang trang
- đồng thời cho &showeq=false tránh hiện tượng control che khuất khung view.

Cách dùng:
- Ghi chồng đường dẫn video lên chuỗi Mp3FlvMp4Url trong code mẫu. Ví dụ, video "Bên nhau đêm nay (Dancing all night)" do ca sĩ " Nguyễn Cao Kỳ Duyên" trình bày có đường dẫn MP4 là: http://stream31.gonct.info/53c44e2689c90ca01103a07916f7bd54/4e575786/NhacCuaTui040/Ben%20nhau%20dem%20nay%20(Dancing%20all%20night)%20-%20Nguyen%20Cao%20Ky%20Duyen%20[NCT%203098540720].mp4 (đó là đường dẫn từ Video NCT)

Code nhúng là:

Player sẽ như sau:

IV- Video có lồng hình (không lồng flash)
Code mẫu

Cách dùng:
- Ghi chồng đường dẫn audio của bạn lên chuỗi Mp3FlvMp4Url trong code mẫu.
- Ghi chồng đường dẫn hìnhcủa bạn lên chuỗi ImgUrl trong code mẫu.
- Cho height = displayheight = chiều cao của hình
- Cho width bằng bề rộng của hình

Ví dụ:
- file video Hot Teen, địa chỉ là http://www.fileden.com/files/2009/8/26/2555918/HotTeen.flv
- file hình: http://www.fileden.com/files/2009/8/26/2555918//DoiCoTrang.jpg (291x312)

Code nhúng sẽ là

Player hiển thị như sau:

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

-CAROLINE JUDITH-

Nguồn:
- Flash: Y1N9, Hạ Tím
- Media: NCT, Fileden
- Hình: Fileden
- Viết bài: Caroline Judith

by carolinejudith Sun Sep 18, 2011 9:49 pm

Nhúng nhạc Zing vào 360Plus bằng giao diện nguyên thủy

Bài này dành cho các bạn ưa nề nếp "đâu về đó", thích giao diện của Zing hơn là màu mè hoa lá cành.
Không cần viết về NCT, vì 360Plus tiếp nhận nó suông sẻ thông qua code nhúng mà NCT cung cấp cho người dùng.

A- Nhúng Nhạc Đơn Zing vào Plus

Code mẫu Nhạc Đơn:

Cách nhúng bài hát Ngẫu Nhiên - 5 Dòng Kẻ-
- Địa chỉ: http://mp3.zing.vn/bai-hat/Ngau-Nhien-5-Dong-Ke/ZWZ9ZZOC.html
1- Bạn hãy bấm vào nút <>Embed rồi bấm "Chọn skin nhúng Blog&Forum".
2- Bấm chọn 1 trong 11 skin. Nếu không chọn thì skin1 là mặc định.
3- Copy nội dung trong ô "Nhúng Forum". Rồi bạn xóa bỏ [flash] ở đầu text và [/flash] ở cuối text.
4 - Code còn lại như sau:
(1)

5- Ghi chồng code (1) lên chuỗi ZingSongCode trong Code mẫu Nhạc đơn bạn sẽ được code nhúng .

Code nhúng nhạc đơn

Player sẽ hiển thị trên 360Plus như sau:

B- Nhúng Album Zing vào Plus
Code mẫu Album :

Cách nhúng Album Dương Thiệu Tước
- Địa chỉ: http://mp3.zing.vn/playlist/Duong-Thieu-Tuoc-Dang-cap-nhat/IW8C8W7B.html
1- Ngay bên dưới player đã có frame mã nhúng, Bạn hãy copy nội dung trong ô "Nhúng forum". Rồi bạn xóa bỏ [flash] ở đầu text và [/flash] ở cuối text.
2- Code còn lại như sau:
(2)

3- Ghi chồng code (2) lên chuỗi ZingAlbumCode trong Code mẫu Album bạn sẽ được code nhúng .

Code nhúng Album

Player sẽ hiển thị trên 360Plus như sau:

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

-CAROLINE JUDITH-

Nguồn:
- Media: Zing
- Loader: Y1N9
- Viết bài: Caroline Judith

by Sponsored content

Kế Hoạch nhúng Media vào blog 360Plus?

Kế Hoạch nhúng Media vào blog 360Plus?

Bài 1 (tt): Nhạc đơn NCT

Bài 3: Zing nhạc đơn

Bài 4: NCT Playlist

Bài 5: ZING Album

Nhúng nhạc tự tui

Bài 7: Của César trả cho César

Re: Kế Hoạch nhúng Media vào blog 360Plus?