AncMusic Edition - Plugin hỗ trợ nghe nhạc

Posted by chiasedamme on Friday, July 20, 2012

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]

Chú ý: 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: Cho đế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

Vì anh Hà chưa DNS lại nên sẽ có người ko vào được nên mình tạm support tại đây: http://blog.bay68.com

Notice: Xin lỗi vì link adf.ly mình chỉ muốn kiếm tiền mua cái domain , được $0.56006 earned rồi mọi người ủng hộ nhé

{ 0 comments... read them below or add one }

Post a Comment