Hướng dẫn tạo trang nhạc cá nhân tự động cập nhật chỉ trong 1 phút

06-10-2011 | 1,182 views | 0 phản hồi » |

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.

Sau đây thuthuatso.com xin chia sẻ với các bạn cách tạo một trang nhạc tự động cập nhật.

1/ Làm trang nhạc từ blogspot. Đầu tiên các bạn tạo 1 trang blogspot sau đó và thiết kế -> chỉnh sửa HTML, nhấn chọn Mở rộng mẫu tiện ích

Nhấn tổ hợp phím Ctrl+A để bôi đen hết mã giao diện. xóa hết đi và copy đoạn mã sau paste vào Download

<?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>

Sau đó các bạn nhấn Lưu mẫu.

Hệ thống sẽ thông báo như sau

Vậy là xong bây giờ các bạn ra xem thành quả của mình nhá.

Demo haohuongduong.blogspot.com/

mp3.thuthuatso.com/

2/ Tạo một trang nhạc trên host riêng

Để tạo 1 trang nhạc trên host riêng thì bạn có thể tạo 1 file index.htm(tự load) hoặc 1 tên khác thì đường dẫn cần chính xác đến file đó. Sau đó paste đoạn mã sau vào Download

<!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>

Download file nhac.htm tại đây Download

Up file trên lên host và ra xem thành quả nhá

thuthuatso.com/nhac.htm

Bây giờ các bạn có thể chiêm ngưỡng thành quả của mình rồi nhá.
ST