• KIẾN THỨC SEO
  • BLOG SERIER
  • SEO BLOGSPOT
  • TEMPLATE BLOGSPOT
  • ICON FACEBOOK
MENU

Hoc Tieng Trung Khamphablog.com

Menu
  • Home
  • #Web Tools
    • Giải Mã
    • Mã Hóa
    • Chuyển đổi code
    • Lấy mã màu
  • Liên Hệ
  • #Dịch Vụ
    • Rip Blogspot
    • Rip Wordpress
  • Site map
  • #Giới Thiệu
    • Admin
    • Blog
  • Liên Kết
  • Hỏi Đáp
Trang Chủ Blog Series Blog-Tips Thu-Thuat [Tips] - Hướng dẫn tích hợp AncPlayer cho Blogspot

[Tips] - Hướng dẫn tích hợp AncPlayer cho Blogspot

Đỗ Mạnh Hồng May 19, 2015 Blog Series Blog-Tips Thu-Thuat
Đỗ Mạnh Hồng
AncPlayer là trình chơi nhạc hay xem phim cho blogspot cực kỳ chuyên nghiệp mà bất kỳ blog phim hay nhạc đều phải có, thường thì các bạn tải những templates blogspot được tích hợp sẵn chức năng AncPlayer này mà không biết làm sao để thêm vào blog cá nhân của mình. Hôm nay mình sẽ hướng dẫn các bạn tích hợp AncPlayer vào blogspot với phiên bản mới nhất đó là AncPlayer 5.5
DEMO

Cách tích hợp AncPlayer vào Blogspot

1. Đăng nhập vào Blogger

Vào phần quản trị Blogger > Mẫu > Chỉnh sửa HTML.
 tìm đến thẻ
<data:post.body/>
Thường là có hai thẻ giống thế này, bạn tìm đến thẻ thứ hai nhé. Và thay thẻ này bằng đoạn code sau : 
<div id="anc_pl"></div> <!-- Hiện thị player -->
<div id="anc_tp"></div> <!-- Hiện thị server phim -->
<div id="anc_data"><data:post.body/></div> <!-- Noi dung bài viết trang item -->
<script type='text/javascript'>//<![CDATA[
// AncPlayer.Com - Plugins hỗ trợ player video Blogspot và Wordpress
// Hiện Player có gắn ADS ở top hoặc bottom để duy trì VPS và Gkplugins
// Truy cập http://www.ancplayer.com để được hướng dẫn viết mã hóa link
// Để thêm Server thuộc hệ thống GKplguisn các bạn thêm link ở list_sv và tên hiện thị ở ten_sv
// var img_player = document.querySelectorAll('#anc_data img')[0].src
var ancplayer = {
load:{
'width' : '100%',
'height' : '420px',
'player' : 'http://svvn.ancplayer.com/player.swf',
'proxy' : 'http://svvn.ancplayer.com/gkplugins/proxy.swf',
'skin' : 'http://svvn.ancplayer.com/skin/skewd/skewd.xml',
'getlink' : 'http://svvn.ancplayer.com/get', // Link get Player Mobile: Picasa, Zing, NCT, Plus, Xvideos
'imgload' : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nafRoVRl2VCXlU8jSjxj-dRlYXTY3qkhvMLJ0tkzW7WpHm5ZN6uVpfIjghj5iNamrFF9WF6tozTNsB2WqYk3ov6it13d5JZQFSni-Pqq6RhVfw_0t8SjvRxQ5xs9u0TxhW9RGtFPbDI/s1600/logo.png', // Autoload image num 1 change: "+img_player+"
'autoplay' : 'true', // true or false
'embedplay' : '1', // 1 or 0 // 1 = autoplay
'site' : 'AncPlayer.com'
},sv:{
'list_sv': 'youtube.com,anc.you,anc.yl,anc.mp4,anc.flv,picasaweb.google.com,anc.ps,anc.tm,plus.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,nhaccuatui.com,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,truongxua.vn',
'ten_sv': 'Youtube: ,VIP: ,Gdata: ,Sever Mp4: ,Sever Flv: ,Picasa: ,Picasa2: ,Picasa3: ,Plus: ,Docs: ,Drive: ,Zing: ,Zing 2: ,Zing MB: ,Zing EP: ,NCT: ,Daily: ,Xvideos: ,Goo: ,Clip: ,Meme: ,Google: ,Zippy: ,Videobam: ,Fptplay: ,Novamov: ,24Video: ,Movshare: ,Veoh: ,Bliptv: ,Sendspace: ,Speedyshare: ,Tunescoop: ,Viddler: ,Vimeo: ,Vidxden: ,Xhamster: ,Truongxua: '
}}
//]]></script>
<script src='http://svvn.ancplayer.com/ancplayer/ads-pc-bot-55.js' type='text/javascript'></script>
<link href='http://vjs.zencdn.net/4.12/video-js.css' media='screen' rel='stylesheet'/>
<script src='http://vjs.zencdn.net/4.12/video.js' type='text/javascript'></script>
<!--
ADS PC TOP: http://svvn.ancplayer.com/ancplayer/ads-pc-top-55.js
ADS pc BOTTOM: http://svvn.ancplayer.com/ancplayer/ads-pc-bot-55.js
ADS MOBILE TOP: http://svvn.ancplayer.com/ancplayer/ads-mb-top-55.js
ADS MOBILE BOTTOM: http://svvn.ancplayer.com/ancplayer/ads-mb-bot-55.js
-->

2. Thêm Css

Tìm đến thẻ ]]></b:skin> và thêm đoạn css dưới bên trên thẻ này
id{font-size:0px;display:none;width:0;height:0;}
#logoplayer {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9nafRoVRl2VCXlU8jSjxj-dRlYXTY3qkhvMLJ0tkzW7WpHm5ZN6uVpfIjghj5iNamrFF9WF6tozTNsB2WqYk3ov6it13d5JZQFSni-Pqq6RhVfw_0t8SjvRxQ5xs9u0TxhW9RGtFPbDI/s1600/logo.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://lh4.googleusercontent.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://lh4.googleusercontent.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;}
 Đây là mẫu AncPlayer free nhưng khá đẹp nên AncPlayer đề nghị để nguyên quảng cáo để có chi phí cho các bạn sài free. Mình thì mình không xóa nhưng nếu các bạn có nghề thì cứ tự nhiên nhé.

AncPlayer tích hợp lấy video và nhạc từ rất nhiều sever như trong đoạn code ở bước 1 ghi rất rõ và bay giờ các bạn đăng video hay nhạc thì các bạn đăng với cú pháp sau:

[id] link video [/id]
Hoặc các bạn muốn đăng video youtube có luôn thumbnail không cần phải chèn thêm ảnh thì chèn code như sau
[id]https://www.youtube.com/watch?v=mikfm5cofVE[/id]<img border="0" class="anhancmedia" src="http://i2.ytimg.com/vi/mikfm5cofVE/mqdefault.jpg" height="0" width="0" />
Nếu các bạn làm blog phim mà phim của bạn có nhiều tập thì post như sau :
<id>Tập;Link video|</id> hoặc [id]Tập;Link video|[/id]
Ví dụ : 
<id>Full;https://www.youtube.com/watch?v=R43zsh66KEE|</id>
Như vậy thì ở khung tập server khi này sẽ hiện thị : Youtube : Full 
<id>Tập 01;https://www.youtube.com/watch?v=R43zsh66KEE|Tập 02;https://www.youtube.com/watch?v=nfWlot6h_JM|</id>
Ở khung tập server khi này sẽ hiện thị : Youtube : Tập 01 Tập 02
Chúc các bạn thành công nhé, mọi thắc mắc có thể comments bên dưới để được trợ giúp :D

Bài Viết Cùng Chủ Đề

  • [Tips] - Tabber widget chuyên nghiệp cho blogspot (MultiTab)Tabber widget hay còn gọi là Multi Tab cho blogspot, Là một tiện ích nằm trên widget mà các mẫu blogspot nước ngoài thư ...
  • [Tips] - Cách lấy data blogspot người khácLấy data blogspot hay còn gọi là rip data blogspot người khác có nghĩa là cách lấy một số hay toàn bộ bài viết của một ...
  • [Tips] - Menu ghim cố định khi lăn chuột cho blogspot Menu ghim cố định còn có tên gọi khác là sticky menu, là menu được cố định trên top của blogspot, khi lăn chuột lên xu ...
  • [Tips] - Mẫu PopularPosts đẹp mà bạn nên dùngPopularPosts là bài đăng phổ biến là những bài viết được xem nhiều nhất thường được hiển thị trên sidebar của blogspot, ...
  • [Tips] - Hướng dẫn tạo Author Box cho blogspotAuthor Box là hộp mô tả nằm ở dưới hoặc trên bài viết dùng để tóm tắt nội dung bài viết hoặc có thể dùng để giới thiệu ...
Next
« Prev Post
Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

1 nhận xét:

Write nhận xét
hangtieudungonline
AUTHOR
1 July 2019 at 17:58 delete


link die
đã làm như trên và không hoạt động

Reply
avatar

Icon CommentsIcon Comments

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
Đăng Nhập để bình luận chém gió.
Subscribe to: Post Comments (Atom)

Blog Tự Học Seo Online

Blog ra đời dưới sự thành lập của Đỗ Mạnh Hồng với mục đích chia sẻ những kiến thức giúp bạn tự học seo blog online chạy trên nền tản blogspot và website, cùng với đó chúng tôi còn chia sẻ tới các bạn những templates blogspot chuẩn seo, những thủ thuật đơn giản giúp bạn thao tác dễ dàng hơn trong phần quản trị Blogger. Với tiêu chí muốn gởi đến các bạn "SEO TỪ KHÓA LÊN TOP - KHÓ MÀ DỄ". Hãy cũng chúng tôi trao đổi và mong muốn được hỗ trợ các bạn nhiều hơn nữa.


  • Popular

Popular

  • [Tips] - Thẻ điều kiện trong blogspot là gì?

SUBSCRIBE TO OUR NEWSLETTER

Copyright © 2015 Khamphablog.com All Right Reserved Tự học seo blog online cho người mới bắt đầu