Fan News: B-plugin

Hiển thị các bài đăng có nhãn B-plugin. Hiển thị tất cả bài đăng

Chủ Nhật, 22 tháng 7, 2012

AncMedia Edition - Plugin hỗ trợ play videos

Mọi người đã biết AncMedia của suzuki_aka hiện đang có rất nhiều người sử dụng.
Tuy nhiên dạo này có vẻ như suzuki_aka không có time để update cập nhật mới. các server dei liên tục không kịp thời fix cho các bạn.
Lý do là site play sử dụng gkplugins của phimvang vì vậy phimvang ngỏm là tất cả đi theo.

Nay mình sẽ cập nhật 1 bản khác hỗ trợ các bạn sử dụng để chạy site .

Tuy nhiên do không có host lưu trữ và phải sử dụng phiên bản gk trial nên nên đa số các server mình phải sử dụng gk của các site khác.
Vì vậy nếu server nào không hoạt động được các bạn báo lỗi ở đây hoặc PM Y!M: nguagovt để mình fix kịp thời.

XEM DEMO PLAYER

Với bản AncMedia Edit này sẽ chỉ cho phép thay đổi Logo khung play . bạn ko thể thay đổi skin, gkplugins như bản trước của suzuki_aka để tránh lỗi add sai server sẽ không hoạt động được do mình chạy bằng gk của các site khác nhau.

1. Cài đặt
Cũng giống như ver trước . thêm 3 thẻ div lần lượt vào theme ở trang item, nên cho trước <data:post.body/> để khung player hiện thị ở trên bài viết.

Tiếp đó vẫn <data:post.body/> đó sửa thành như sau:

Bước cuối cùng thêm css để hiện thị, Tìm ]]></b:skin> chèn code sau vào trước nó

id {font-size:1px;display:none}
#list_tap{float:center;background:#eee;text-align:justify;border:1px solid #C2C2C2;width:500px;padding:5px}
#list_tap ul{float:left;list-style:none;margin:5px 0;width:100%;text-algin:left}
#list_tap ul li{float:left;text-algin:left;text-decoration:none;font:bold 12px Tahoma;}
#list_tap ul li.sev{color:#c60;}
#list_tap ul li.ep a.a_tap{color:#262626;padding:0px 5px 0px 8px;}
#list_tap ul li.ep a.a_tap:hover{color:blue}
#list_tap ul li a.active {color:#c20c0c;padding:4px 5px 4px 8px;text-decoration:blink;}
#anc_dx{float:center;height:24px;width:500px;background:#E0E0E0;border:1px solid #ccc;border-radius:3px 5px;font:bold 12px Tahoma;line-height:24px;color:#c20c0c;overflow:hidden;margin:5px 0;padding:3px 5px 3px 10px}
#anc_dx span{color:#111}
#anc_pl {width:500px;height:420px;}

Giải thích :
- <div id="anc_pl" ></div> : hiện thị khung player video. để chỉnh kích thước khung này bạn chỉ cần sửa css #anc_pl cho phù hợp
- <div id="anc_dx" ></div> : hiện thị tập phim đang xem.
- <div id="anc_tp" ></div> : hiện thị link các server phim.

Để thay đổi logo khi player tìm http://1.bp.blogspot.com/-nD0ISrVnJWI/UAu0sZd2XiI/AAAAAAAABLI/IcHNajZE9Qo/s1600/logo.png và link ảnh logo của bạn

Chú ý: Tuyệt đối không thay đổi link http://bay68.googlecode.com/svn/trunk/friends/anc-media-play.js để mình có thể Update các server khi server bị lỗi

2. Sử dụng .
Để post link nên để bài viết ở chế độ HTML
Link post có dạng

<id>Link phim</id> hoặc [id]Link phim[/id]

Ví dụ 1 link cho ai mới làm quen dễ hiểu, coppy và paste vào bài viết test nha

<id>01;http://www.youtube.com/watch?v=J_Lb-9Kg0ko|02;http://www.youtube.com/watch?v=ffeHLjj5fyw|01;http://clip.vn/embed/O08p|02;http://clip.vn/embedO0S4</id>

Tên mỗi tập phim tới link được ngăn cách bằng dấu ;
Mỗi tập phim phân cách với nhau bằng dấu |

Hiện hỗ trợ các server sau:

youtube.com,anc.yl,anc.mp4,anc.flv,megafun.vn,phimvang.org,picasaweb.google.com, dailymotion.com,zing.vn,4shared.com,videobb.com,videozer.com,zippyshare.com, novamov.com,twitvid.com,cyworld.vn,24video.net,movshare.net,veoh.com,blip.tv, sendspace.com,speedyshare.com,rolo.vn,tunescoop.com,eyvx.com,clip.vn,banbe.net, truongxua.vn,videobam.com,nhaccuatui.com,mediafire.com,vimeo.com,viddler.com, xvideos.com,free18.net,nuvid.com,youjizz.com,eporner.com,gaytube.com, megafilex.com,porn.com,pornhub.com,pornoxo.com,redtube.com,slutload.com,
spankwire.com,tnaflix.com,tube8.com,vtraxe.com,xhamster.com,xtube.com,xxxstash.com

Nên cân nhắc trước khi post phim xxx nha .ko nên post quá nhiều

Kết : Ai yêu AncMedia Edition thì cho mình xin cái textlink ở site bạn nhé :)

<a href="http://www.bay68.com" title="Gái nhảy - Scandal - Phim 18">Gái nhảy - Scandal - Phim 18</a>

Thứ Sáu, 20 tháng 7, 2012

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

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

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ẻ

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

[m]http://www21.zippyshare.com/v/6050087/file.html[/m]

Chú ý: Hãy cho  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 dũng 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é

Thứ Sáu, 9 tháng 3, 2012

ANCKeywords - Tự động cập nhập keywords từ người dùng cho site.

Lâu lắm không viết Blog, tại công việc cũng nhiều... Phần vì quá bận, phần vì yêu cầu các bạn riêng rẽ hay không thồng nhất, nên một vài Plugin mình ngừng chia sẻ và phát triển thêm.

Plugin mới này mình cũng mới test thử và hiệu quả cũng rất tốt. Còn về khách quan mà nói, mình không phải một dân chuyên SEM, SEO. Nên kinh nghiệm về SEO và SEM còn hạn chế. Có một pro đã nói plugin này không an toàn với Sanbox của Google, hoặc index từ Google. Do vậy các bạn nên cân nhắc khi sử dụng tool này.

Nói sơ qua về plugin này, nó có thể nói là một công cụ mạnh cho việc tạo và hỗ trợ thêm về từ khoá cho site của bạn. Đôi khi bạn hay phải cập nhật từ khoá hot cho site, nhưng công việc bận rộn, khiến bạn không thể rảnh tay mà cập nhật được. Mình làm tool này mong làm giảm nhẹ việc đó. Tất cả các từ khoá sẽ được cập nhật từ người dùng, các từ khoá tìm kiếm nhiều nhất, hot nhất đều được tự động thêm vào sau mỗi ngày, mỗi giờ, tuỳ vào tuỳ chỉnh của bạn.

Sử dụng như sau:

1. Hãy đăng ký một nick tại đây (có thể coi đây là trang lưu trữ thông tin keywords cho site bạn.)

2. Đăng nhập vào vào phần chữ đỏ sau để lấy KeyAPI cho site.

Lấy KeyAPI tại đây : các bạn cần phải lấy bao gồm Your secret API key & Your site guid

3. Sử dụng ANCKeywords để tạo keywords cho site từ KeyAPI lấy được.

Tạo một file js vào cho đoạn mã sau upload lên Google Code.

//Begin code

var aseo = {
 tag:"{các từ khoá liên quan đến site bạn, 4 từ, ngăn nhau bởi dấu ,}",num:"",ap:"Tên site hoặc domain",as:'Lời giới thiệu'
}
veo = "{domain},{subdomain}";

function s_write(keysite,keyapi)
{
 surl = 'https://api.tynt.com/publisher/v1/keyword/inbound?site_guid='+keysite+'&api_key='+keyapi+'&hours=24&callback=ancseo';
 var sr = document.createElement('script');
 sr.src = surl;
 document.getElementsByTagName('head')[0].appendChild(sr);
 
 sdata = "if(document.location.protocol=='http:'){"
   +"var Tynt=Tynt||[];Tynt.push('"+keysite+"');"
   +'Tynt.i={"ap":"'+aseo.ap+'","as":"'+aseo.as+'","st":true};'
   +"(function(){var s=document.createElement('script');"
   +'s.async="async";s.type="text/javascript";'
   +"s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();}";
 
 var srr = document.createElement('script');
 srr.innerHTML = sdata;
 document.getElementsByTagName('head')[0].appendChild(srr);
   
}

function ancseo(x){

 num_seo = x.data.length;

 for(var i=0; i<num_seo; i++){
  veo += x.data[i];
 }
 
 var meta = document.createElement('meta');
 meta.name = 'keywords';
 meta.content = veo.replace(/\,[\d]*/gi,",") + aseo.tag;
 document.getElementsByTagName('head')[0].appendChild(meta);
  
  aseo.tag =  veo + aseo.tag; 
   
}

function diseo(name,content){

  var mt = document.createElement('meta');
 mt.name = name;
 mt.content = content;
 document.getElementsByTagName('head')[0].appendChild(mt);
}

//Endcode

Sau khi tạo xong bạn lấy link và chèn vào phần header đoạn code sau.

</script>

Số 24 bạn có thể thay thành các số sau: 1, 8, 12, 24. Đây là thời gian update keywords cho các bạn.

Kết quả từ sau một đêm của mình các bạn có thể xem và cho nhận xét.

Chúc các bạn thành công !

Thứ Năm, 9 tháng 2, 2012

ANCData - Plugin load feed Blogger version 1

Đây là công cụ đặc biệt, có lẽ rất được nhiều người mong đợi. Công cụ này được mình phát triển khi rip blog. Đôi khi bạn thấy các site của pro (HelloXimo) rip chạy rất nhanh và mượt. Tại sao vậy ? Câu hỏi nằm ở function showrecentposts(json) của js mà nhiều blog vẫn đang dùng. Đây là một hàm lọc feed (hay file .xml) của Blogger. Việc sử dụng feed sẽ đem lại tốc độ cao hơn so với dùng biến có sẵn mà mình đã giới thiệu ở một số bài viết trước.

DEMO

(ViewSource Demo để xem code)

Nhưng đặc điểm bất tiện của hàm này là với mỗi lần callback showrecentposts trong đoạn script ví dụ sau.

Ta lại phải đổi tên hàm callback để lấy feed cho một tag mới. Nói khác đi, chúng ta lại phải copy y sì một hàm showrecentposts2, showrecentpost3, showrecentposts4 ...v.vv cho các tag mới.

Vậy, ANCData là gì ? Chắc bạn cũng đoán ra từ VD trên. Nó là một plugin load feed. Nhưng nó chỉ là một hàm callback duy nhất : ancdata. Có vẻ với những ai chưa nghe về load feed sẽ rất khó mường tượng. Nhưng bạn chỉ cần sử dụng ANCData sẽ không cần phải vọc nhiều.

* Thuộc tính.

title : tiêu đề bài viết.
url : link bài viết.
label: nhãn bài viết.
img: ảnh bài viết
       - img.f : file ảnh đầu tiên của bài viết kich thươc full khổ.
       - img.i72: file ảnh mặc định của google nếu bạn up lên, hoặc sử dụng các sản phẩm ảnh của       google.
content: nội dung toàn bộ bài viết.
snippet : nội dung tóm tắt gồm 120 ký tự.
date: ngày tháng năm gửi bài
      - date.d : ngày
      - date.m : tháng
      - date.y : năm

author: tác giả gửi bài viết.

* Sử dụng :

B1: Bạn chỉ cần chèn đoạn mã sau vào sau thẻ <head> hoặc sau <body>

B2: Giờ bạn sẽ sử dụng ANCData một cách dễ dàng.

Giả sử mình muốn tạo ra một module có cấu trúc như hình sau.

Mình chỉ cần viết như sau :

<div class="box">
<h3>Phim hành động mới</h3>
<div class="bcontent">
    <script src="http://www.maphim.net/feeds/posts/default/-/Hành động?max-results=4&orderby=published&alt=json-in-script&callback=ancdata">
    </script>
    <script>

        for (var i =0; i< anc.max; i++){
            document.write('<li><a href='+anc.url[i]+'>'+anc.title[i]+'</a></li>');
        }
    </script>
</div>
</div>

Không chỉ dừng ở đó, bạn có thể tạo nhiều tag giống nhau ngoài tag Hành động kể trên, chỉ với một hàm callback duy nhất. Đây chỉ là VD đơn giản sử dụng ANCData, bạn có thể tạo riêng cho mình các modum hợp lý từ các thuộc tính mình đã đưa.

Version 1 chưa áp dụng cho comment. Sẽ tiếp tục phát triển trong các phiên bản sau nếu có thời gian.

Note: Để gọi các biến trong thuộc tính, bạn cần thêm trước anc.thuoctinh
Muốn lấy một tag trong list tag bạn chỉ cần viết. anc.label.split(',')[vitri tag can lay]

Chúc các bạn thành công !

Chủ Nhật, 25 tháng 12, 2011

Quà tặng âm nhạc cho BlogSpot

Hehe, gần tết rồi.. thêm không khí cho cho Blog của bạn chút nhỉ. Hôm nay giới thiệu với các bạn một Plugin mới. Quà tặng âm nhạc, điều không tưởng phải không, chỉ có ở các 4rum. Nhờ có load feed comment của anh Dũng, mình mới dám nghĩ đến tạo ra cái gì đó mới lại từ tiện ịch này.

Xem DEMO | GỬI LỜI CHÚC

Lâu nay ẩn danh cũng vì đang làm đồ án, rảnh tay mới code được.

Mình cũng không rành lắm CSS, vậy nên mình chỉ viết js thôi. Các bạn code theo phong cách riêng của mình nhé, mới làm hiện bài hát đầu tiên. Có thêm thời gian mới tạo được thêm 2 cái nút tiến lùi, chắc cũng trước tết thôi. ^^! Chờ nhé.

Nhaccuatui.com

Mp3.zing.vn

Nhacso.net

Music.soha.vn

Nhac.vui.vn

Zippshare và *.mp3

Tha hồ chọn lựa skin ;))

Để sử dụng tiện ích, các bạn tạo một trang mới hoặc một bài mới. Tạo một widget HTML mới, dán code sau vào.

CSS

JavaScript

File js này các bạn hãy edit lại nhé. Mình làm cho nó giống cấu trúc site mình thôi.

http://anhnc.googlecode.com/svn/trunk/p/qtan.js

Cấu trúc gửi bài hát như sau:

[m]link bài hát|nguoi_nhan|Lời muốn nói[/m]

Chúc mọi người thành công !

Thứ Tư, 14 tháng 12, 2011

[3.0.2] Nâng cấp ANCMedia Player cho trang phim

Như đã được giới thiệu trên FD Blog : ANCMedia v.2, đã được rất nhiều người chú ý. Tuy nhiên nó vẫn còn nhiều điểm cần phải sửa và nâng cấp. Không phụ lòng mọi người, mình đã dành một ngày chủ nhật quý báu của mình để nâng cấp lên ANCMedia v.3.

Trong v.3 mình tập trung nâng cấp các yêu cầu của bạn.

Nâng cấp các server tăng nhiều hơn.
Thêm logo cho trình player.
Link id cho phim. = > Nâng cấp thành công ! = > Click V3.0.1!

Các bạn có thể xem qua dưới đây.

Xem Demo

1. Cài đặt

Giống version 2, tuy nhiên sẽ đơn giản hơn nhiều.

Vẫn thêm 2 thẻ div có id lần lượt vào temp của bạn.

Tuỳ ý bạn đặt nhé, không quan trọng là nó phải nằm ở đâu, chủ yếu người xem trang bạn dễ sử dụng hơn.

Tiếp đó, thêm đoạn code sau trước </body>

Giải thích thêm :

width: chiều rộng của player (đơn vị px, cm, em, %...)
height: chiều cao của player (đơn vị px, cm, em, %...)
id1 : id chứa ShortCode dạng [id], <id>
id2 :     id chưa Player
id3 :     hiển thị tập phim.
logo:    logo site của bạn add cho player.
home : hiển thị tên server cho link .mp4, một link (tức chế độ xem Full) bằng domain của bạn.

2. Sử dụng

Để tránh một số lỗi mà các bạn đang than vãn về hiển thị của ANCMedia, mình đã fix lại cách post phim. Các bạn có thể dùng cả 2 cách sau.

1. <id>Link phim</id>
2. [id]Link phim[/id]

Sử dụng cách mới đó là <id>, các bạn thêm vào temp của mình một định nghĩa CSS cho thẻ <id> là color trùng với màu nền trang của bạn. VD: Site mình là http://maphim.net, có màu nền là #F0f0f0. Vậy mình phải thêm vào CSS là

id{color: #F0f0f0; display: none; background: #F0f0f0;}

Nếu ai chưa hiểu cách post có thể qua ANCMedia v.2 để xem, mình không giới thiệu lại nữa.

Hỗ trợ các server sau :

"google.com","nhaccuatui.com","clip.vn","phimvang.org",".mp4",".flv","banbe.net","youtube.com","videobb.com","novamov.com","vidxden.com","2shared.com","4shared.com","cyworld.vn","dailymotion.com","videozer.com

Dạng link post phim:

http://www.youtube.com/watch?v=Qigx0HbS7bA
http://videobb.com/video/hn6WGrQcNnOu
http://www.novamov.com/video/4ysd2p7v16db7
http://www.cyworld.vn/v2/myhome/video/detail/homeid/12001054026/post/5408/Warrior 2011 clip1
http://www.vidxden.com/s0c5muac9igy/Kido_Night_01.flv.html
http://banbe.net/1172070183/video/index/detail/id/8890
http://video.google.com/videoplay?docid=-8153436258414727634
http://clip.vn/watch/MC-Tran-Thanh-the-hien-tai-nang-ca-hat,hdOl?fea-id=181
http://phimvang.org/xem-phim/hung-dong-the-twilight-saga-breaking-dawn-part-1-2011/sv6/28201111.html
http://www.nhaccuatui.com/nghe?L=IU5yMLjZEx3U
http://www.4shared.com/video/8h74u-Bw/vietsub_ky_bang_ha.html
http://123.30.111.58/phim/jimmy/m2/OldMasterQandLittleOceanTiger2011_111126.mp4?start=0

Riêng server .flv bạn có thể sửa thành đuôi link post phim thành .anc thì mới chạy được. Xin lỗi vì bất tiện này.

3. Kết
* Hiện tại đã có tới 15 server đã được cập nhật, tiến tới sẽ tăng số server lên thành 60, đáp ứng hết nhu cầu của các bạn.
* Tiếp tục phát triển nâng cấp chức năng link id.
* Phát triển chế độ bảo mật cho link phim. Hiện tại đang được sử dụng tại http://maphim.net.

Update: Fix chức năng hiển thị tên server.

*Nếu bạn post link dạng <id>Tên phim(Hoặc tập số bao nhiêu);link phim;linkphim2...|</id>

- Post phim để tên thì các part có cùng tên với nó sẽ hiển thị chung có dạng "Ten-1", "Ten-2"..

Code
<id>Media;link1;link2;link3|</id>
Hiển thị
Media-1| Media-2| Media-3

- Post phim để số thì sao.

Code
<id>1;link1;link2;link3|</id>
Hiển thị
1a| 1b| 1c

* (05/12/2011)Nâng cấp thêm Gdata Youtube, lấy playlist trên Youtube, các bạn paste id Gdata với dạng :

anc.yl/id Gdata -- > Tester

* (15/12/2011) Nâng cấp thành công link id, file update : http://anhnc.googlecode.com/svn/trunk/ver2/anc3.0.1.js
Kiểm nghiệm: Hãy so sánh sự khác nhau của các link sau.

Tập 1 : http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=0,1
Tập 3: http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=2,1
Tập 11: http://www.maphim.net/2011/11/phim-tieu-thu-i-hoc-2011-50-tap.html#p=10,1

Tiện ích giúp bạn chia sẻ link cho bạn bè dễ dang hơn.

Các bạn tìm và thay ancmedia.js = > anc3.0.1.js
Thêm dưới dòng M.pl(M.r()); đoạn code sau : M.pl(M.glink(M.r()));

* (18/12/2011) Nâng cấp hoàn chỉnh cho ANCMedia ver 3.0.2 = > Thông tin cập nhật tại :

http://play.maphim.net/

Chúc bạn thành công !

Thứ Hai, 28 tháng 11, 2011

Tích hợp AncPlay Media Player cho Blogspot

Trước kia khi muốn nhúng 1 đoạn video nào đó vào blog ta thường quen với việc nhúng code của nó mà server đó cung cấp. Nếu muốn nhúng nhiều video khác nhau thì ta lại dán 1 đoạn code khác nhau. Và nếu bài viết nào đó phải nhúng nhiều đoạn video vào thì sao? ví dụ 20 video chẳng hạn, nếu ta dùng cách thủ công là chèn tất cả 20 đoạn code của 20 video vào thì cũng được, nhưng như thế trông bài viết sẽ dài lê thê, và cũng không chuyên nghiệp lắm.

Tiện ích Ancplay hôm nay mình giới thiệu sẽ giúp các bạn khắc phục vấn đề trên. Ancplay được phát triển bởi Suzuki_aka, nó cho phép người xem dễ dàng xem nhiều video khác nhau trên bài viết của bạn. Hay nói dễ hiểu hơn nó giống như 1 trình xem video đơn giản, với 1 phần hiển thị video và 1 phần hiển thị danh sách các video. Các bạn chỉ việc click vào danh sách các video và xem. Hiện tại tiện ích hỗ trợ xem video từ các server : youtube.com, videobb.com, clip.vn, cyworld.vn, video.zing.vn, stream.pub.vn, dailymotion.com, videozer.com, 4shared.com, 2shared.com.

Xem DEMO

Sau đây là các bước chèn tiện ích vào blog :
1. Vào trong code template (không cần nhấp mở rộng mẫu tiện ích), sau đó chèn đoạn code bên dưới vào trước thẻ đóng </body> , các bạn có thể chèn ở vị trí khác cũng được, nhưng bắt buộc phải chèn sau tiện ích Blog1 (phần hiển thị bài viết) :

Update (30/11/2011) : đã fix code javascript, do 1 số template không có thẻ div có id là wrap2, nên mình đã sửa wrap2 thành Blog1 là ổn nhất.
Update (1/12/2011 bởi HellloXimo) : Hoàn thiện tiện ích hơn với 1 số tính năng đã được fix như :
- Fix play Full Sreen tất cả Server
- Fix play server Zing, Daily
- và đây là link file js : http://maphim-net.googlecode.com/svn/trunk/ancplay.js

2. Save template lại.

Như vậy đã xong bước chèn tiện ích vào blog. bây giờ mình giới thiệu qua cách post bài viết.
Để trình xem video hiển thị được, bắt buộc bài viết của bạn phải tuân theo mẫu bên dưới :

{Một vài thông tin về video - vị trí 1 }

<div align="center" id="anc_pl"></div>
<div id="anc_tp"></div>

<div id="anc_content"></div>

{Một vài thông tin về video - vị trí 2 }

[id]1;link video 1|2;link video 2|[/id]

- Thông tin về video các bạn có thể đặt ở vị trí 1 hoặc 2 tùy thích. Tùy vào cách bố trí bài viết của các bạn, hoặc có thể sử dụng đồng thời 2 vị trí cùng 1 lúc cũng được.
- phần code highlight là code bắt buộc có trong bài viết.
- Sau đây là hướng dẫn chèn link video vào bài viết. Như trong đoạn code trên ta thấy, chèn link vào bài viết có dạng như bên dưới :

[id]1;link video1|2;link video2|[/id]

- Ví dụ ta có 2 link từ youtube và 2 link từ dailymotion và code mẫu như bên dưới :

[id]1;link youtube1|2;link youtube2|1;link dailymotion1|2;link dailymotion2|[/id]

và phần hiển thị sẽ trông như thế này :

Server Youtube: 1 | 2 |
Server Daily: 1 | 2 |

- Nếu ta thay số 1 và 2 thành Tập 1 và Tập 2 như bên dưới :

[id]Tập 1;link youtube1|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|[/id]

thì phần hiển thị sẽ là như thế này :

Server Youtube: Tập 1 | Tập 2 |
Server Daily: Tập 1 | Tập 2 |

- nếu Tập 1 được chia làm nhiều phần nhỏ thì ta cứ thêm tuần tự link vào, và các link được ngăn cách bằng dấu chấm phẩy. ví dụ như bên dưới :

[id]Tập 1;link youtube1-a;link youtube1-b;link youtube1-c;link youtube1-d|Tập 2;link youtube2|Tập 1;link dailymotion1|Tập 2;link dailymotion2|[/id]

- thì phần hiển thị sẽ như thế này :

- Tương tự như thế, nếu video có từ nhiều nguồn thì ta cứ việc thêm vào phía sau nó. ví dụ như bên dưới :

- và phần hiển thị sẽ là :

Như vậy mình đã giới thiệu xong. chúc các bạn thành công.

Thủ thuật thực hiện theo yêu cầu của ChipKool_Online

Thanks to Suzuki_aka

Chủ Nhật, 25 tháng 4, 2010

Plugin Lightbox cho blogspot (Phần II)

Ở phần 1 mình đã giới thiệu cho các bạn cách sử dụng chung của plugin lightbox khi bạn muốn tạo 1 slide ảnh nào đó thì có thể tham khảo ở phần 1. Ở phần 2 này mình sẽ hướng dẫn các bạn chèn thẳng nó vào bài viết, tức là mỗi khi bài viết có ảnh nào đó thì khi bạn nhấp vô ảnh thì nó sẽ tự động hiển thị lightbox ra. Các này sẽ dễ dàng hơn rất nhiều nếu bạn dùng cách ở Phần 1 mình hướng dẫn.

Xem demo mình test trên blogspot : DEMO

Hình ảnh minh họa :

* Sau đây là cách thực hiện :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Nhấp chọn mở rộng mẫu tiện ích (Expand Widget Templates)
4. Chèn đọan code bên dưới vào trước dòng code </head> hoặc sau dòng ]]></b:skin>

- Ở phần 2 này có nhiều hàm gọi hơn ở phần 1 . Ở đây mình sử dụng hàm để gọi tất cả thẻ a trong link có các kí tự như “.png“, “.gif“, “.jpg“, … trong id lightbox. Tức là các link hình ảnh. Ở đây nó không phân biệt được chữ hoa chữ thường nên mình mới phải làm nhiều hàm gọi như vậy, và ở trên mình chỉ liệt kê 1 số đuôi ảnh thường dùng, nếu ai muốn đầy đủ thì cứ add thêm.

5. Sau khi chèn xong code ở bước 4, các bạn khoan save template lại, tiếp tục xuống dưới tìm đọan code như bên dưới :

<data:post.body/>

và thêm đọan code đánh dấu highlight như bên dưới :

Ở bước này mình ép cho tòan bộ phần nội dung của blog mang id là “lightbox” để đọan mã javascript trên có thể dễ dàng tìm đến các thẻ a trong bài viết.

6. Cuối cùng là save template lại.

Chúc các bạn thành công.

Thứ Bảy, 24 tháng 4, 2010

Plugin LightBox cho blogspot (Phần 1)

Để mở hàng cho các thủ thuật về blogspot ở nhà mới, hôm nay mình xin giới thiệu với các bạn cách chèn plugin Light Box vào blogspot. Đây là 1 plugin sử dụng jQuery, vì thế mà khi chạy trông nó sẽ rất mượt. Light box là 1 plugin cho phép ta trình diễn ảnh (xem ảnh) ngay trên blog mà không cần hiển thị ở của sổ mới. Plugin này họat động cũng gần giống với các forum VBB version từ 3.8 trở lên. Khi bạn nhấp vào 1 ảnh thumbnail nào đó thì sẽ có 1 box nhỏ hiển thị ảnh với kích thước thật.

Xem Demo ở đây : DEMO

Còn đây là demo mình text trên blogspot : Demo on Blogspot

Hình ảnh minh họa :

Light box - mothuthuat.com

Sau đây là các bước thực hiện:

I. Chèn code chính của thủ thuật vào template của blog:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đọan code bên dưới vào trước dòng code </head> hoặc sau dòng code ]]></b:skin> :

4. Save template.

Lưu ý : đọan code CSS trong bước 3 chỉ là code mẫu, các bạn có thể tùy chỉnh lại theo ý mình.

II. Chèn code hiển thị :

- ở bước này các bạn có thể chèn vào đâu tùy thích, ví dụ muốn plugin
này hiển thị trong bài viết thì chèn vào nội dung bài viết, hoặc muốn
hiển thị đâu đó ngòai trang chính thì tạo 1 widget HTML/Javascript rồi
dán code bên dưới vào :

- Nếu muốn thêm nhiều ảnh thì các bạn chỉ việc thêm dòng code tương tự như bên dưới :

- Link ảnh 1, 2, … : là link của những ảnh mà bạn muốn hiển thị (ảnh gốc)
- Link ảnh thumbnail 1, 2, … : là link của các ảnh nhỏ (thumbnail) sẽ được hiển thị sẵn ở plugin.
- Các link ảnh gốc và ảnh thumbnail có thể giống nhau, nhưng mình khuyên
nên tạo ảnh thumbnail riêng và có kích thước nhỏ thôi (như trong code
mẫu là 72×72px). Như thế plugin sẽ load nhanh hơn.
- Mô tả ảnh 1, 2, … : đây là dòng chú thích sẽ xuất hiện bên dước ảnh khi box hiển thị. Các bạn xem hình minh họa bên dưới :

- Nếu muốn tạo nhiều box để show ảnh thì các bạn chỉ cần tạo code tương tự như ở bước II. Như ng chú ý các bạn phải đổi lại tên id của thẻ div chứa nội dung của lightbox, vì nếu như trên cùng 1 trang mà có 2 thẻ div giống nhau thì chỉ có 1 lightbox chạy mà thôi. Như ở demo mình đã làm 2 cái trên cùng 1 trang.

- Việc sửa code lại tương tự như bên dưới :

- Và tất nhiên là cũng phải tạo 1 đọan mã code CSS riêng cho id gallery2 này.
- Và 1 việc quan trọng cuối cùng để tạo 1 lightbox khác là bạn phải thêm 1 đọan code javascript nhỏ để nó có thể hoạt động.
- Các bạn tìm trong code ở bước I-3 sẽ thấy đọan code này :

và thêm đọan code như bên dưới (đã được đánh dấu highlight)

- Lưu ý là tên id của thẻ div chứa nội dung phải trùng với tên id mà đã được thêm vào code javascript (ở đây là gallery2).
Như vậy thủ thuật đã hòan thành.

Chúc các bạn thành công.

Thứ Hai, 7 tháng 9, 2009

[ Yêu cầu ] : 1 style phân trang (Navigation page) khá đẹp mắt cho blogspot

Theo yêu cầu của bạn Trần Tuấn (suckhoe24h.blogspot.com)

[FD's BlOg] - Trước kia mình có giới thiệu cho các bạn 1 thủ thuật tạo thanh phân trang cho blogspot, bài viết này cũng sử dụng cách tương tự để tạo thanh phân trang, nhưng chỉ khác ở giao diện hiển thị mà thôi.

Xem demo ở blog này : blogger-templates-designs.blogspot.com

Do bài viết này dùng thủ thuật tương tự như thủ thuật cũ mà mình đã đăng, vì thế các bạn có thể tham khảo thêm thủ thuật cũ ở đây nếu có gì không hiểu.

Hình ảnh minh họa :

☼ Để đơn giản các bạn hãy tạo 1 widget HTML/javascript (tốt nhất nên tạo widget nằm ở phía dưới phần main trong bố cục) và dán code bên dưới vào :
- Thực hiện với cách chèn tất cả code của thủ thuật vào 1 widget giúp ta dễ dàng tháo gỡ nó khi không còn dùng nữa. Ngoài ra nếu bạn không thích thực hiện theo cách này thì có thể chèn vào code template. Thực hiện với cách này bạn có thể tham khảo ở thủ thuật cũ.

<style type="text/css">
.showpageArea {padding: 10px; color:#003366;text-align:left;width:530px;
}
.showpageArea a {
float:left;
text-align:center;
display:block;
margin:0 5px;
color:#333;
}
.showpageArea a:hover {
color:#333;
margin:0 5px;
}
.showpageNum a { background: url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif') no-repeat 0 0;
width:37px;
height:42px;
display:block;
text-align:center;
float:left;
margin:0 5px;
padding-top:6px;
text-decoration:none;
color:#333;
}
.showpageNum a:hover { background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif') no-repeat 0 100%;
color:#FFF;
}
.showpagePoint {background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif') no-repeat 0 100%;
width:37px;
height:42px;
display:block;
float:left;
text-align:center;
margin:0 5px;
padding-top:6px;
font-weight:bold;
color:#FFF;
}
.showpageNum a:link, .showpage a:link {
text-decoration:none;
color:#cc0000;
}
.showpageupPageWord a { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextbutton.gif') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#333;
}
.showpageupPageWord a:hover { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/provup.png') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#FFF;
}
.showpagedownPageWord a { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/backbutton.gif') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#333;
}
.showpagedownPageWord a:hover { float:left;
background:url('http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextup.png') no-repeat 0 0;
width:127px;
height:42px;
text-align:center;
font: bold 1.0em Arial,Helvetica,sans-serif;
display:block;
margin:0 5px;
padding-top:6px;
color:#FFF;
}

.pagenextprov {
text-align: center;
}
</style>





Link file : code-navigation.txt

- 1 chút chia sẻ : nên upload lại các ảnh có trong thủ thuật lên 1 host ảnh khác, để tránh trường hợp nhiều người dùng chung sẽ hết bandwidth. Dạo này photobucket hay gặp trường hợp hết bandwidth.

Chúc các bạn thành công.

Code đếm số lượt download

[FD's BlOg] - Lang thang trên mạng 1 hồi mình có tìm thấy 1 trang web hỗ trợ việc đếm số lượt download. Nên cũng post lên giới thiệu cho mọi người. Đây cũng là 1 dạng của bộ đếm số đếm số lượt click. Và thủ thuật này bạn sẽ phải thực hiện thủ công cho từng link download mà bạn muốn hiển thị.

Có thể xem demo ở ngay trên blog của mình.

Đây cũng chính là yêu cầu của 1 bạn mà đã nhờ mình từ lâu, nhưng giờ mình mới giải đáp được.

Hình ảnh minh họa:

Ở hình minh họa trên ta thấy có số lượt đếm là -1, đó là do file đó chưa được download lần nào.

☼ Và đây là code của thủ thuật :

<a href="http://dstats.net/download.php?file=http://yourhost.com/yourfile.rar" target="_blank">yourfile.rar</a> ( đã tải : <script src="http://dstats.net/dstatsjs.php?file=http://yourhost.com/yourfile.rar" type="text/javascript"></script><script type="text/javascript">document.write(dsCounter);</script> lần )

- Thay code màu xanh thành link file của bạn, ví dụ http://www.mediafire.com/?jezhyztiawz
- Code màu cam là tên hiển thị của file download.

Chúc các bạn thành công.