Chủ Nhật, 2 tháng 10, 2011

Tạo trang nghe nhạc trực tuyến cá nhân tự cập nhật

Nghe nhạc là một nhu cầu giải trí không thể thiếu của mọi người . Bạn có thể tạo list nhạc từ các trang nhạc nổi tiếng như Mp3.Zing.Vn hay Nhaccuatui.Com để chèn vào website/blog của mình . Tuy nhiên bạn cũng có thể tạo riêng cho mình một website của riêng mình chỉ nghe nhạc mà đặc biệt hoàn toàn tự động cập nhật.

Demo :
http://mp3.buitruonganh.tk/ - dùng host free nhá :D
http://demo-bta-music.blogspot.com/ hoặc http://www.cuoilen.tk/ - sử dụng Blogger

{Update}: Đã có phiên bản 2 : Mời các bạn xem :D Tạo trang nghe nhạc trực tuyến cá nhân tự cập nhật - Xem cả Video Ver 2
Rất dơn giản chỉ cần Copy - Paste :
1. Sử dụng cho Blogger
- Tạo 1 Blog - Blogger - Nếu chưa có, tham khảo cách tạo Tại đây
- Vào Thiết kế >> Chỉnh sửa HTML >> Xóa hết Code trong Chỉnh sửa Mẫu
Dán đoạn Code sau vào đó :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.greetingstuffs.com/favicon.ico' rel='shortcut icon' type='image/ico'/>
<title>Nghe Nhạc Pro - Phong Cách &amp; Đẳng Cấp Chuyên Nghiệp</title>
&lt;!-- &lt;xmp&gt;
</head>
<body>
  </body>
&lt;/xmp&gt; --&gt;
<b:skin><![CDATA[]]></b:skin>
<body>
<script src='http://nhacf.googlecode.com/files/js.js'></script>
<div id="top"></div><div id="bottom"></div>
</body>
</html>

Bấm chọn LƯU MẪU
- Một Cảnh báo xuất hiện bạn chọn XOÁ TIỆN ÍCH
Ok. Bây giờ ra Bấm  Xem Blog để thấy thành quả của bạn nào ^^!
Demo :  http://demo-bta-music.blogspot.com/ www.cuoilen.tk
2. Sử dụng Hosting
- Tạo 1 file rồi save dưới dạng .html hoặc .htm (VD: index.html, nghe-nhac.htm, ...)
- Dán và luu đoạn mã sau vào file đó

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>
<head><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.greetingstuffs.com/favicon.ico' rel='shortcut icon' type='image/ico'/>
<title>Nghe Nhạc Pro - Phong Cách & Đẳng Cấp Chuyên Nghiệp</title></head>
<body>
<script src="http://nhacf.googlecode.com/files/js.js"></script>
<div id="top"></div><div id="bottom"></div>
</body>
</html>
- Upload lên Hosting và chạy để xem kết quả thôi. Demo : mp3.buitruonganh.tk

 3. Code biến Website hiện tại thành trang nghe nhạc

<a href="javascript:" onclick="document.write('<script src=&#34;http://nhacf.googlecode.com/files/js.js&#34;></script>')">Nghe Nhac</a>

Demo :
Nghe Nhac
4. Code Popup Fullscreen - Mở ra cửa sổ popup

<script>
function NgheNhac(){
var nhac = window.open('','music','fullscreen,directories=no,menubar=no,scrollbars=no,location=no,resizable=no,status=no');
var code = '<html><head><meta content="text/html;charset=UTF-8" http-equiv="Content-Type"/><title>Nghe Nhac Pro</title></head><body><scr\ipt src="http://nhacf.googlecode.com/files/js.js"></scr\ipt></body></html>';
   nhac.document.write(code);
   nhac.document.close();
}
</script>
<a href="javascript:" onclick="NgheNhac()">Nghe Nhac</a>

Demo :

Bạn nên Download file JS về TẠI ĐÂYUpload lên host riêng để tránh Die file
Bạn có thể
nguồn:  BTA.
Chúc thành công!

Không có nhận xét nào:

Đăng nhận xét