AncMusic - hỗ trợ nghe nhạc skin đẹp

Xin chào các bạn hôm nay mình sẽ hướng dẫn các bạn chèn AncMusic một Plugin hỗ trợ get link và nghe nhạc.

Nếu bạn nào làm một website nhạc hoặc phim trên blogspot thì Plugin này không xa lạ gì với các bạn.

Chức năng chính của Plugin này:

+ Hỗ trợ get link, nghe nhạc từ
- Zippyshare.com XEM DEMO
- Youtube XEM DEMO
+ Hỗ trợ nghe nhạc trên nhiều trình duyệt khác nhau
+ Thêm nút Download
+ Skin đẹp
.....

huhu

Hướng dẫn cài đặt:

Bước 1: Bạn tìm đến thẻ

<data:post.body/>

Và thêm lên trước đó đoạn code sau

div id='anc_pl'/>

Bước 2: Chèn đoạn Javascript sau lên trên thẻ đóng  </body> của blog

<!-- Bắt đầu AncMusic Edition -->
<script type='text/javascript'>
//<![CDATA[ 
function ANCMusic(){m_w=this.width,i_1=this.id1,i_2=this.id2,au=this.auto,this.r=function(){var a=$_(i_1).innerHTML,a=a.replace(/\[m\]/gi,"<span id='anc_ms' style='display: none;'>"),a=a.replace(/\[\/m\]/gi,"</span>");return $_(i_1).innerHTML=a,z=$_("anc_ms").innerHTML},this.p=function(a){$_(i_2).innerHTML=M.l(a)},this.l=function(a){var b="",d=[];return-1!=a.indexOf("zing.vn")&&(d=a.match(/\w+/gi),b=o(d)[1]),-1!=a.indexOf("zippyshare.com")&&(d=a.match(/\w+/gi),b=o(d)[2]),-1!=a.indexOf("nhacso.net")&&(d=a.match(/[\d\w]+/gi),c=d.length-2,b=o(d[c])[3],M.css("35")),-1!=a.indexOf("nhac.vui.vn")&&(d=a.match(/[0-9]+/gi),b=o(d[0])[4]),-1!=a.indexOf("nhaccuatui.com")&&(d=a.match(/\bd[\w\d]+/gi),b=o(d[0].replace(/d/gi,""))[5]),-1!=a.indexOf(".m4a")&&(d=a.match(/\bd[\w\d]+/gi),b=o(d[0].replace(/d/gi,""))[5]),-1!=a.indexOf(".mp3")&&-1==a.indexOf("zing.vn")&&(b=o(a)[6]),-1!=a.indexOf("youtube.com")&&(d=a.match(/[\d\w]+/gi),a=a.replace(/\&feature=related/gi,""),b=o(d)[7]),b},this.css=function(a){css="<style>",css+="#ichiase_pl{margin:-"+a+"px 0;}",css+="</style>",document.write(css)}}var $_=function(a){return document.getElementById?document.getElementById(a):void 0},M=new ANCMusic,o=function(a){return _mode='quality="high" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" ',data=['<embed width="'+m_w+'" height="0" src="http://static.mp3.zing.vn/skins/gentle/flash/mp3Player.swf?xmlURL=1212132312/play/?pid='+a+"||4&amp;songID=0&amp;autoplay="+au+'" '+_mode+"/><br /><br />",'<iframe scrolling="no" width="'+m_w+'" height="282" src="http://mp3.zing.vn/embed/song/'+a[11]+'?start=true" frameborder="0" allowfullscreen="true"></iframe>','<div class="player"><audio id="player_html5" class="video-js vjs-default-skin vjs-big-play-centered" poster="http://i.imgur.com/nRtlnL0.gif" width="'+m_w+'" height="100px" data-setup=\'{}\' src="http://'+a[1]+".zippyshare.com/music/"+a[5]+'/0/file.mp3.mp4" preload="auto" controls autoplay loop ><p>Tr\xecnh duy\u1ec7t c\u1ee7a b\u1ea1n kh\xf4ng h\u1ed7 tr\u1ee3 HTML5 Audio</p></audio></div></div><a href="http://'+a[1]+".zippyshare.com/v/"+a[5]+'/file.html[Star Truong Blog]" class="butdown" target="_blank">T\u1ea3i v\u1ec1 320Kbps</a> <a class="butdown" id="baoloi" href="#">B\xe1o l\u1ed7i</a> <a href="#commentfb" class="butdown">B\xecnh lu\u1eadn</a> <a href="https://www.youtube.com/channel/UCDfr7x91OKQTW4wJR9lwMYg?sub_confirmation=1" title="\u0110\u0103ng K\xfd Tr\xean Youtube" target="_blank"><img src="http://i.imgur.com/wgLJ0rD.png" style="width:152px;margin-bottom: -13px;border-radius:5px;height:36px"/></a>','<embed width="545"'+m_w+'" height="60" autostart="true" '+_mode+' flashvars="xmlPath=http://nhacso.net/flash/song/xnl/1/id/'+a+"&amp;adsLink=&amp;colorAux=0xff4a4a&amp;colorMain=0xeffcfc&amp;colorBorder=0x078939&amp;typePlayer=single&amp;mAuto="+au+'" src="http://st.nhacso.net/flash/v61/embedPlaylistjs.swf"/>','<embed width="'+m_w+'" height="127" flashvars="playlistfile=http://hn.nhac.vui.vn/asx2.php%3Ftype%3D1%26id%3D'+a+"&amp;frontcolor=1717f7&amp;lightcolor=ff4a4a&amp;screencolor=000000&amp;bufferlength=10&amp;volume=100&amp;playlist=bottom&amp;playlistsize=60&amp;autostart="+au+'&amp;repeat=always&amp;controlbar=bottom&amp;dock=false&amp;plugins=http://hn.nhac.vui.vn/upload/players/spectrumvisualizer-1.swf&amp;spectrumvisualizer.effect=reflection" src="http://hn.nhac.vui.vn/upload/nhacvui-player.swf"/>','<embed width="'+m_w+'" height="25" '+_mode+' flashvars="&amp;autostart='+au+'" src="http://www.nhaccuatui.com/bai-hat/'+a+'" />','<audio id="player_html5" class="video-js vjs-default-skin vjs-big-play-centered" poster="http://i.imgur.com/nRtlnL0.gif" width="'+m_w+'" height="320px" data-setup=\'{}\' src="'+a+'" preload="auto" controls autoplay loop ><p>Tr\xecnh duy\u1ec7t c\u1ee7a b\u1ea1n kh\xf4ng h\u1ed7 tr\u1ee3 HTML5 Audio</p></audio><br/><br/><a href="'+a+'" class="butdown" target="_blank">T\u1ea3i v\u1ec1 320Kbps</a> <a class="butdown" id="baoloi" href="#">B\xe1o l\u1ed7i</a> <a href="#commentfb" class="butdown">B\xecnh lu\u1eadn</a> <a href="https://www.youtube.com/channel/UCBOdIAr_ljRz6hpBUwNxXRQ?sub_confirmation=1" title="\u0110\u0103ng K\xfd Tr\xean Youtube" target="_blank"><img src="http://i.imgur.com/wgLJ0rD.png" style="width:152px;margin-bottom: -13px;border-radius:5px;height:36px"/></a>','<iframe width="100%" height="390" src="https://www.youtube.com/embed/'+a[6]+'?modestbranding=1&controls=2&showinfo=3&hd=1&rel=0&iv_load_policy=3&autohide=2&border=0&wmode=opaque&enablejsapi=1&autoplay=1" frameborder="1" allowfullscreen=""></iframe><br/><br/><a href="https://ssyoutube.com/watch?v='+a[6]+'" class="butdown" target="_blank">T\u1ea3i video</a>']};
//]]>
</script>
<script type='text/javascript'>
var z = { width: &quot;100%&quot;, id1: &quot;Blog1&quot;, id2: &quot;anc_pl&quot;, auto: &quot;true&quot;, };ANCMusic.call(z);M.p(M.r());
</script>
<!-- Skin AncMusic Edition -->
<link href='//vjs.zencdn.net/4.12/video-js.css' rel='stylesheet'/>
<script src='//vjs.zencdn.net/4.12/video.js'/>
<!-- Kết thúc AncMusic Edition -->

Bước 3: Bạn tìm đến thẻ ]]></b:skin> và dán đoạn CSS sau lên trên

.butdown {
padding:10px;
background:#5e09cc;
border-radius:5px;
margin:0 5px 0 0;
color:#fff!important
}

.player {
margin:0 0 10px
}

Bạn có thể viết thêm CSS để làm đẹp cho giao diện (nếu không biết thì để mặc định)
Cách đăng bài:

[m]http://www89.zippyshare.com/v/Xs79SMFs/file.html[/m]
[m]https://www.youtube.com/watch?v=B18piDZ2OxQ[/m]

Chúc bạn thành công! Nếu có vướng chỗ nào hãy để lại dưới bình luận mình sẽ giải đáp.

Download Here

Live Demo

Download

#Tag: blogblogspotcode