Hướng dẫn tích hợp AncPlayer Media cho Blogspot

Tích hợp AncPlayer Media vào Blogspot rất đơn giản nhưng nó sẽ hơi phức tạp đối với người mới bắt đầu chưa am hiểu templates do blogspot có rất nhiều thẻ id giống nhau. Nó sẽ hiện thị tùy thuộc vào thẻ điều kiện trước nó.
Trước tiên bạn nên Backup templates của bạn trước rồi tiếp tục.
Để tích hợp AncPlayer Media các bạn nên sử dụng Notepad++ để thao tác được chính xác. Nếu chưa có download tại đây: http://notepad-plus-plus.org/


Sau khi đã có Notepad++ mở templates của bạn ra và bắt đầu:

Tìm <data:post.body/> sửa thành:

<script type='text/javascript'> var ancplayer = { load:{ 'width' : '100%',
'height' : '420px',
'player' : '',
'proxy' : '',
'skin' : '',
'getlink' : 'http://svvn.freevnn.com/phimmoc', //<= đã die link
'imgload' : 'http://37.media.tumblr.com/c87921eefd315482e66706d51a05054e/tumblr_n71ifjJAwU1tchrkco1_500.gif',
'autoplay' : 'true',
'embedplay' : '1',
'site' : 'Phim Mộc - HD Player'
},sv:{ 'list_sv': 'youtube.com,anc.you,anc.yl,anc.mp4,anc.flv,picasaweb.google.com,anc.ps,anc.tm,photos.google.com,docs.google.com,drive.google.com,tv.zing.vn/video,tv.zing.vn/embed/video,tv.zing.vn/html5/video,tv.zing.vn/html5/movie,onbox.vn,dailymotion.com,xvideos.com,goo.gl,clip.vn,meme.vn,googlevideo.com,zippyshare.com,videobam.com,fptplay.net,novamov.com,24video.net,movshare.net,veoh.com,blip.tv,sendspace.com,speedyshare.com,tunescoop.com,viddler.com,vimeo.com,vidxden.com,xhamster.com,embed.onecloud.media,phim.megabox.vn,megavn.net,ok.ru,openload.co,truongxua.vn', 'ten_sv': 'Youtube: ,VIP You: ,Gdata: ,Sever Mp4: ,Sever Flv: ,Picasa: ,Picasa2: ,Picasa3: ,Photos: ,Docs: ,Drive: ,Zing: ,Zing 2: ,Zing MB: ,Zing EP: ,Onbox: ,Daily: ,Xvideos: ,Goo: ,Clipvn: ,Memevn: ,Google: ,Zippy: ,Videobam: ,Fptplay: ,Novamov: ,24Video: ,Movshare: ,Veoh: ,Bliptv: ,Sendspace: ,Speedyshare: ,Tunescoop: ,Viddler: ,Vimeo: ,Vidxden: ,Xhamster: ,Phim Mộc:,megabox:,megavn:,ok-ru:,openload:,Truongxua: ' }} </script>
<script async='async' src='http://svvn.freevnn.com/phimmoc/sever-phim.js' type='text/javascript'></script>

Tiếp theo thêm CSS để hiện thi server:

id{font-size:0px;display:none;width:0;height:0;}
#logoplayer {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOsTP1_y2fpHm8wMYFiJGHFLHb6V60lBxZBvjDiWbc6fVoEdeb40JNDtDCDxCEvuahyphenhyphenLATQpCffOaC9B_U5GxcmQL1oQ07Ertor8BOghjNeBAi3fEXoMFahcdMN7arXU9Hd5jU9NtO7YM8/s1600/ancplayer.png) no-repeat;float:right;display:inline-block;position:absolute;width:220px;height:60px;filter:alpha(opacity=45);opacity:.45;}
#anc_tp {background:#FAFAFA;border:1px solid #0095B3;border-radius:5px;padding:5px 0;overflow:hidden;position:relative;width:99%;float:left;}
#list_tap{display:inline-block;line-height:16px;width:auto;padding:0 7px;}
#list_tap ul{list-style:none;margin:0;padding:0;clear:both;}
#list_tap ul li{float:left;margin-right:10px;font-weight:700;font-size:12px;text-align:left;}
#list_tap ul li.sev{color:#702526;background:url(http://3.bp.blogspot.com/-iy4-GBSe6Yg/U48Fzxa1RmI/AAAAAAAAQr8/pngFU0ajvxk/s1600/server.png) no-repeat scroll 0 0 transparent;display:inline-block;float:left;height:16px;margin-right:5px;margin-top:4px;padding-left:23px;}
.a_tap {background:none repeat scroll 0 0 #151515;color:#F9F9F9;display:inline-block;min-width:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;margin:2px 0;padding:2px 3px;text-decoration:none}
.tap_active, .a_tap:hover{background:#0295F6;color:#fff;display:inline-block;min-width:20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;margin:2px 0;padding:2px 3px;text-decoration:none}
.sv_active{color:#0095B3;background: url(http://3.bp.blogspot.com/-iy4-GBSe6Yg/U48Fzxa1RmI/AAAAAAAAQr8/pngFU0ajvxk/s1600/server.png) no-repeat scroll 0 0 transparent;display:inline-block;float:left;height:16px;margin-right:5px;margin-top:4px;padding-left:23px;}

Xong , lưu templates

Tác dụng của các thẻ ID:
- <div id="anc_pl"></div> : vị trí hiện khung player
- <div id="anc_tp"></div> : vị trí hiện khung server
- <div id="anc_data"><data:post.body/></div> : get link phim từ bài viết


Chú ý <data:post.body/> là id hiện nội dung của bài viết trong blogspot có rất nhiều vì vậy bạn cần phân biệt <data.post:body/> đó là của trang bài viết thường nằm trong thẻ điều kiện <b:includable id='post' var='post'>

Cách post phim thì các bạn có thể xem bài này để biết cách post link

Nếu chưa hiểu có thể download 1 số template phim tại blog mình để tham khảo

AncPlayer

https://severphim.blogspot.com/2016/03/huong-dan-tich-hop-ancplayer-media-cho.html

Previous Post

Next Post

Top Post