Chắc hẳn ai làm blog music và phim hầu như đều quen thuộc với Plugin này.
Chức năng chính của nó là hỗ trợ play nhạc từ zippy, youtube, zing, nhaccuatui ...
Mọi người đều biết Plugin ban đầu suzuki_aka viết khá sơ sài, vì vậy mình sẽ fix và update thêm 1 số tính năng.
+ Hỗ trợ play ở IE
+ Thêm nút download
+ Sử dụng getlink để lấy link nhạc
+ Hỗ trợ add skin
.....
XEM DEMO
Hướng dẫn cài đặt:
Trước hết bạn cần xác định trang
item (trang bài viết) của blog , nội dung trang item sẽ được show ra qua thẻ
<data:post.body/>
thẻ này được nằm trong
<b:includable id='post' var='post'>
Hãy chỉnh sửa thành
<div id='Player'>
<div align='center' id='playing'/>
<data:post.body/>
</div>
Chú ý:
<div id='Player'> phải được bao quanh <div align='center' id='playing'/> và <data:post.body/>
<div align='center' id='playing'/> đây là chỗ sẽ hiện thị khung player . bạn hãy đặt vào chỗ muốn hiện thị với giao diện Blog.
Tiếp đó dán đoạn code sau trước thẻ
<script src='http://bay68.googlecode.com/svn/trunk/friends/anc-music.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
ANCMusic.Player(ANCMusic.up("Player"),"playing");
//]]></script>
Tiếp theo tìm
]]></b:skin> dán code css sau lên trước nó
.buttons li, .buttons li a, .buttons li a span{float:left; height:27px; line-height:26px; background-image:url(http://4.bp.blogspot.com/--2KygnNlFeM/T2AYFzR-6UI/AAAAAAAAA0A/9IevgvlCTXU/s1600/btn.gif); background-position:0 -27px; background-repeat:no-repeat}
.buttons li{margin-right:10px; background-position:0 -54px; background-repeat:repeat-x; float:none; display:inline-block; zoom:1; *display:inline; overflow:hidden}
.buttons{margin:15px 0; overflow:hidden; text-align:center}
.buttons li a span{background-position:right 0px}
.buttons li a span span{padding:0 10px 2px 30px; height:25px}
.buttons li.commentc a span span{background-image:url(http://1.bp.blogspot.com/-kwVsDVPVUoU/T2AYGXgpOsI/AAAAAAAAA0I/1s25xnsMLF8/s1600/btn_cmt.gif); background-position:6px 6px; background-repeat:no-repeat}
.buttons li.download a span span{background-image:url(http://4.bp.blogspot.com/-xDYSsC68aTE/T2AYG7hrFEI/AAAAAAAAA0Q/SCzh4YLDExE/s1600/btn_dl.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li.warning a span span{background-image:url(http://3.bp.blogspot.com/-Gn1U34FOgtQ/T2AYHYOzunI/AAAAAAAAA0Y/tiKjCFGM7kM/s1600/btn_err.gif); background-position:6px 3px; background-repeat:no-repeat}
.buttons li a{color:#fff !important}
Sử dụng:
* Cách post nhạc như sau ( Post ở chế độ
HTML của blog )
[m]http://www8.zippyshare.com/v/62373339/file.html[/m]
[m]http://www.youtube.com/watch?v=xEsuIB7H8SM[/m]
[m]http://mp3.zing.vn/bai-hat/Quen-Cach-Yeu-Luong-Bich-Huu/ZW607CCF.html[/m]
[m]http://mp3.zing.vn/video-clip/Dung-Buong-Tay-Anh-Ho-Quang-Hieu/ZW6IO8IU.html[/m]
[m]http://www.nhaccuatui.com/mv4u/xem-clip/vku2SkirbZX4h/song-trong-ky-niem-quang-vinh.html[/m]
[m]http://www.nhaccuatui.com/nghe?M=mDBrrZdtFl8t[/m]
[m]http://www.nhaccuatui.com/nghe?L=dlXRd6DGxmNP[/m]
Ví dụ 1 bài:
Nội dung của bài viết của bạn
<!--more-->
[m]http://www21.zippyshare.com/v/6050087/file.html[/m]
Hãy cho
<!--more--> vào trước link nhạc . điều này thực sự quan trọng để bạn ko bị rip mất data.
Vào
Cài đặt ->
Nguồn cấp Trang Web -> Cho phép Nguồn cấp dữ liệu Blog -> Chọn: C
ho đến dấu ngắt
DOWNLOAD GETLINK
Do mình không có hosting để lưu trữ file getlink, vì vậy để cho link nhạc hoạt động ổn định bạn nên kiếm 1 hosting hỗ trợ cUrl up getlink nên
root hosting của bạn
Tìm
