Hướng dẫn cách chèn NHẠC/ Video vào Blog 360Plus .

Entry khai trương ngày đầu tiên của tháng 6. Bắt đầu cho loạt bài viết hướng dẫn của Tech về các thủ thuật Blog 360 Plus. Hi vọng những bài viết này sẽ có ích cho các bạn và đặc biệt với những bạn từ Yahoo 360 chuyển sang 360Plus vẫn còn đang bỡ ngỡ và chưa biết cách sử dụng blog mới. .

Bài Số 1 - Hướng dẫn cách chèn NHẠC/ Video vào Blog 360Plus

Qua tham khảo các bài viết của một số bạn bè : Coollove, W.Dephia, PlusConect....
Nhìn chung đã thể hiện hầu như đầy đủ các cách Chèn nhạc nền hay các đoạn Video Clip vào Blog. Đối với các trang web chia sẻ nhạc/video trực tuyến nổi tiếng và có chất lượng tốt nhất hiện nay : Zing.vn, Nhạccủatui.com, Imeem.com, Clip.vn, Youtube....

Bài viết này của Tech chỉ tập trung vào hướng dẫn:

 CÁCH CHÈN NHẠC/VIDEO TỪ TRANG YOUTUBE.COM
Với đầy đủ các thuộc tính cơ bản và hoàn chỉnh nhất : Tự động Play, Tự động lặp lại (repeat forever)....

Lý do: Mức độ phổ biến của Youtube, chất lượng và sự thuận tiện khi muốn chia sẻ các đoạn nhạc hay VideoClip cho bạn bè hoặc người thân. Đặc biệt hơn với Blog của Tech, thường xuyên có các bài viết giới thiệu các sản phẩm công nghệ mới luôn đi kèm các Video minh hoạ sản phẩm. Cho nên Tech đã lựa chọn YouTube.com là trang "ruột" của mình.

------------------------------------------CÁCH LÀM-Qua 3 bước-----------------------------------

Bước 1>> : Truy cập vào trang web YOUTUBE.COM và tự tìm cho bạn đoạn VIDEO/NHẠC  nào mà bạn thích.

Tech sẽ lấy ví dụ là 1 bài nhạc nền "Hoàng Phi Hồng".

.
.

Bước 2>>: COPY link của đoạn Video/nhạc đó rồi SAVE vào Word hoặc Notepad (hình minh hoạ)
Ví dụ với đoạn VideoClip này: Link cần copy là chỗ được đánh dấu khung màu đỏ, có chữ URL ấy.

.
.
Đoạn link copy ra sẽ có dạng như thế này:

http://www.youtube.com/watch?v=7YxD5E6Ke4Y

Cái mà bạn cần lấy duy nhất chỉ là đoạn chữ này : 7YxD5E6Ke4Y  để dùng cho bước thứ 3 (chèn nhạc vào Blog)

.

.
.

Bước 3>>: Chèn nhạc/video vào Blog.

Để chèn nhạc vào Blog 360Plus, bạn cần phải sử dụng mã HTML để "nhét" nó vào đâu đó trong Blog của bạn (cho vào 1 entry hoặc cho vào 1 module tự tạo chẳng hạn). Bạn không cần phải là người am hiểu mã HTML. Bạn chỉ cần sử dụng đoạn mã HTML Chuẩn sau đây: ( Mã dùng chung cho cách chèn Video/Nhạc từ YouTube)


Code chuẩn:

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://www.youtube.com/v/@@@@@&amp;hl=en&amp;fs=1&amp;autoplay=1;loop=1;repeat=1" width="580" align="middle" height="300">

Trong đó :

• Phần chữ @@@@@ được thay = Đoạn ký tự của Video/Nhạc mà bạn đã lấy được từ bước 2.

(ví dụ : 7YxD5E6Ke4Y )

• autoplay=1 : : là thuộc tính chơi nhạc/video tự động. Nếu không muốn cho tự động thì bạn thay 1 bằng 0
• loop=1;repeat=1 :là thuộc tính chơi nhạc/video lặp đi lặp lại. Muốn bỏ thuộc tính này bạn có thể xoá nó đi hoặc thay số 1 bằng 0

(khi kết hợp cả 2 thuộc tính trên thì có nghĩa là đoạn video/nhạc đó sẽ tự động chơi và khi hết 1 lượt nó lại tự động lặp lại, lặp mãi mãi hihi. Người xem sẽ phải nghe đoạn nhạc đó cho đến tận khi họ không chịu đựơc nữa và phải thoát khỏi Blog nhà bạn)

Ví dụ cụ thể :

Loại 1 : Chèn nhạc/video vào blog với thuộc tính Tự động chơi nhạc - (AutoPlay) và (chưa có thuộc tính lặp).

.
.

Đoạn code HTML hoàn chỉnh sẽ như thế này:

Code:

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://www.youtube.com/v/7YxD5E6Ke4Y&amp;hl=en&amp;fs=1&amp;autoplay=1" width="580" align="middle" height="300">

Trong đó :

• Mình đã thay đoạn chữ @@@@@ = 7YxD5E6Ke4Y
• và xóa đi thuộc tính loop=1;repeat=1

Loại 2: Chèn nhạc/video vào blog với thuộc tính Tự động chơi nhạc - (AutoPlay) và Tự động lặp đi lặp lại mãi mãi (Auto Repeat).

Đoạn code HTML hoàn chỉnh mình cần sẽ là :
Code:

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://www.youtube.com/v/7YxD5E6Ke4Y&amp;hl=en&amp;fs=1&amp;autoplay=1;loop=1;repeat=1" width="580" align="middle" height="300">

Trong đó :
Tech đã thay đoạn @@@@@ = 7YxD5E6Ke4Y
Còn lại giữ y nguyên như đoạn "Code Chuẩn" ở phần trên.

Sản phẩm sẽ được thế này:



Loại 3 : Chèn nhạc/video vào blog bỏ thuộc tính Autoplay. Tức là chỉ khi nào người xem click vào nút Play trên khung Video thì nó mới bắt đầu chạy.

Đoạn code HTML mình cần lúc này sẽ là:
Code:

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://www.youtube.com/v/7YxD5E6Ke4Y&amp;hl=en&amp;fs=1&amp;autoplay=0" width="580" align="middle" height="300">

Trong đó: Mình đã thay Autoplay=1 thành Autoplay=0

Và sản phầm của chúng ta sẽ thế này:

Loại 4 : Chèn nhạc/video làm nhạc nền. Tức là bạn sẽ làm ẩn đi đoạn Video hiển thị của Youtube mà không cho người xem biết nó đang nằm ở chỗ quái quỷ nào cả

Rất đơn giản bạn chỉ cần lấy code từ Loại 1 hoặc Loại 2 đã làm ở bên trên và điều chỉnh cho Kích thước của đoạn video đó giảm đi tối thiểu là width="1" và height="1".

Ví dụ :  để dùng đoạn video trên làm nhạc nền mình sẽ dùng đoạn code HTML như thế này:
Code:

<embed type="application/x-shockwave-flash" allowscriptaccess="never" src="http://www.youtube.com/v/7YxD5E6Ke4Y&amp;hl=en&amp;fs=1&amp;autoplay=1;loop=1;repeat=1" width="1" align="middle" height="1">

Vậy là kết thúc bài đầu tiên về Cách chèn nhạc/video từ Youtube vào Blog 360plus. Hiện tại Tech đang nghiên cứu cách chèn nhạc từ mp3.zing.vn vào blog (do Zing mới thay đổi cách quản lý và chia sẻ nhạc không giống như trước). Các bài tiếp theo sẽ là các thủ thuật trang trí cho Blog 360Plus......Hi vọng sẽ được sự ủng hộ của các bạn.

----------------------------------------------END------------------------------------------------
By Mr.iTech >>> http://itechprime.com

Đề nghị các bạn ghi rõ nguồn và tác giả nếu sử dụng lại nhé!

--------------------------------Các bài viết khác--------------------------

Thủ thuật thiết kế Blog 360Plus - Mr.iTech http://vn.360plus.yahoo.com/iTechnews-daily/article?mid=3033