Thứ Tư, 12 tháng 9, 2012

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 ĐÂY và Upload lên host riêng để tránh Die file
Bạn có thể 

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

Đăng nhận xét