Loading post navigation ...
 
 

Pro page

19
Nhận xét

ANCData - Plugin load feed Blogger version 1

| by OpenAI | views

Hãy nhấn thanks để ủng hộ tác giả

Đâ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.





(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.



<script src="http://www.maphim.net/feeds/posts/default/-/Phim chiếu rạp?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts ">
</script>



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>

<script src="http://anhnc.googlecode.com/svn/trunk/ANC/data/feed.js"></script> <script>
            anc.home ="domain của bạn"; //  (mặc định là maphim.net)
            anc.post = sô lượng tối đa ;  // (mặc định là 100)
            anc.img.no = "ảnh hiển thị khi bài viết không có ảnh"; // mặc định là ảnh của maphim.net
</script>

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&amp;orderby=published&amp;alt=json-in-script&amp;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 !


Enter your mail address:

19

Bao An Angel

Code hay... vote... :D

Unknown

Cái này rất hay đây, phải từ từ nghiên cứu mới được :))

Unknown

Hay! Bạn tạo cái thủ thuật "Thông báo từ admin : bài viết .... vừa mới được xuất bản" được không? (thông báo này phải có tính cập nhật liên tục ). Mình đang cần!:D

Minh

Câu hỏi hôm qua anh hỏi về việc không hiển thị ở từng chủ đề nhãn mà em chưa trả lời dùm anh! Anh đang đợi cố gắn giúp dùm anh!

Dr.House

Đọc đi đọc lại cả buổi mình vẫn chưa hiểu được Ximo ah. Vậy trong temp CongLy mình có cần chỉnh sửa gì thêm ko

HelloXimo

Xem lại tên tác giả các bạn ơi
Để nghị anh Dũng cho tên tác giả đậm lên

Bao An Angel

sao mấy cái theme mới share đâu hết rồi ta... chán cái pác này ghê :(

Unknown

Sắp rồi Jack
Share ở đây:
http://www.manhdatblog.com/

Đinh Công Thành

Hàng đã bị leak nên share hết bên manhdatblog rồi :))

Duy Sinh
Tien Nguyen

Em nghĩ nếu bạn nào lập trình nhiều thì làm một lib riêng cho mình xài. Em thường load hết feed vào 1 struct sau đó muốn dùng gì thì gọi thành viên của struct đó ra. Hàm gọi feed thì cho phép nhập khá nhiều biến số, từ đó tùy biến được cái feed của mình được linh hoạt.

Chỉ là ý cá nhân của em thôi :X.

Bài này của bác FD được em truy cập thông qua Simplex Design.

Phan Dũng

lâu quá rồi ko gặp mọi người, từ hồi trước tết tới giờ.
Dạo này Suzuki có nhiều bài viết hay quá. :D

Hiện tại có 1 số người vẫn hay nhầm lẫn tác giả post bài, nay mình đã làm nổi tên tác giả lên rồi, để cho tác giả khỏi phải chịu thiệt.

Unknown

Mình đã thêm logo cuả bạn. Mong được trao đổi logo!
Web http://tanchau123.blogspot.com
Link logo http://www.blogger.com/favicon-image.g?blogID=6091644904056790007
:D

Unknown

Blog hay thế này,Mình cũng rất muốn được liên kết.Http://www.IamTao.info

Nguyen Duc

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

Unknown

Vào xem WWE http://tanchau123.blogspot.com/2012/02/wwe-playlist.html x(x(x(

Unknown

mời bạn trao đổi link và tham gia thành viên .Nếu bạn đồng ý hãy để lại 1 comment trên bài viết của www.boxgiatri.net

Unknown

Boxgiaitri.net

Anh dũng em da ad link anh
Anh dũng ads link em nha
thank
title="Kenh giai tri tong hop | General entertainment channel

MrHan

chuẩn ko cần chỉnh. thanks! dang cần RSS này.
http://www.raovatviet.vn/threads/loi-to-tinh-khong-lang-man-thu-gui-con-gai.15991/#post-16131



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home