Trang chủ \21.8.11

Tạo bộ đếm số người follow trên Twitter

twitterMình đã luôn "ghen tị" với WordPress khi có thể dễ dàng tạo bộ đếm tự động cho số người follow trên Twitter trong khi Blogger vốn chỉ là HTML đơn thuần. Trong một lần hí hoáy với widget Twitter Updates 2.2: FeedWitter cái tên feed đã gây sự chú ý cho mình và quả thật Twitter có nguồn feed liên quan đến những thông số mà mình quan tâm. Giờ đây việc tạo bộ đếm số người follow trên Twitter trở nên dễ dàng với json.

Đoạn mã dưới đây mình dùng json để lấy số người follow trên Twitter và hiển thị dưới dạng số:
<script style='text/javascript'>
//<![CDATA[
function twc(tw){var statusHTML=[];for(var i=0;i<tw.length;i++){document.write(tw[i].user.followers_count)};};
//]]>
</script>
<script src='http://twitter.com/statuses/user_timeline/duyvanpham.json?count=1&amp;callback=twc' type='text/javascript'/>

Việc còn lại của bạn là đưa đoạn mã đó vào nơi muốn hiển thị số người follow trên Twitter. Hoặc có thể dùng đoạn mã dưới đây mình đã thiết kế sẵn:
<div style='float:left;width:130px'>
 <a href='http://twitter.com/duyvanpham' rel='nofollow' target='_blank'><img style='float:left;border:0 none' alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3hzDQ4Nw7L-0BZDtjAnq8aINS3x75oxTrk7gQUet8u-sPuYkqqQZ39qvaCfJzI5Xh7g9nCL9ysS8a9tHG3rcrvAQJu8YSejvpW4O38GROOtVW_dFYZ-4v_FKpbImhDBEhrPzebDWEtII/" width='48px' height='48px'/></a>
 <div style='float:right'>
  <div style='font-size:26px;line-height:28px'>
   <script style='text/javascript'>
//<![CDATA[
function twc(tw){var statusHTML=[];for(var i=0;i<tw.length;i++){document.write(tw[i].user.followers_count)};};
//]]>
   </script>
   <script src='http://twitter.com/statuses/user_timeline/duyvanpham.json?count=1&amp;callback=twc' type='text/javascript'/></script>
  </div>
 <span>Followers</span>
 </div>
</div>

Đoạn mã đó sẽ hiển thị như dưới đây:

twitter
Followers


Thay duyvanpham thành tên tài khoản Twitter của bạn.

Trong nguồn feed này còn nhiều thông số nữa, trong đó có nội dung và đường dẫn tới những bài viết mới của bạn trên Twitter. Nếu nhiều người quan tâm mình sẽ viết một bài hướng dẫn hiển thị những bài viết mới của bạn trên Twitter và Google Plus.

Hướng dẫn thủ thuật Blogger, Blogspot

16

Nhận xét
1

Twitter mạng xã hội chuyên về gì nhỉ, e ko có thiện cảm lắm :D

Reply Xóa nhận xét
2

Twitter ko phổ biến ở VN :D

Reply Xóa nhận xét
3

Twitter là mạng xã hội rất nổi tiếng ở nước ngoài nhưng với Việt Nam thì không được đón nhận nhiều cho lắm. Nhưng mình thấy twitter rất tốt khi chia sẻ tin tức thì.

Reply Xóa nhận xét
4

mình cũng có sử dụng Twitter gắn vào blogspot để làm tiểu blog cập nhật status hằng ngày.
mạng Twitter cũng giống như mạng facebook, chia sẻ thông tin của mình.

Reply Xóa nhận xét
5

@blue79blog Widget đó của bạn nhiều thông tin quá nhỉ, mình viết 1 cái chỉ lấy đúng nội dung và link đến bài viết đó vì thấy ảnh và tên hơi thừa, code ra có vài dòng :D.

p/s: Sao link đến comments trên blog bạn từ widget recent comments và permalink lại lấy #comment-xyz... "ngớ ngẩn" vậy? Làm gì có cái id hay a name nào như vậy, mặc định a name comments là c + chuỗi số thôi.

Reply Xóa nhận xét
6

cái recent comments là mình làm theo thủ thuật bên Huỳnh Nhật Hà, chứ chẳng hiểu cái chi mô :-t

Có cái nào hay hơn nhờ Duy Pham chỉ giúp, ^^

Reply Xóa nhận xét
Nặc danh 21/8/11 23:05
7

Em chưa dùng twitter bao giờ :D... Có vẻ khó dùng nên không thích lắm :D

Reply Xóa nhận xét
8

@Duy Pham c với chuỗi số có khác gì comment với chuỗi số đâu DP, mục đích là để tạo permalink khác nhau để tránh lặp nội dung đó thôi, 2 cái này như nhau cả.

Reply Xóa nhận xét
9

@Huỳnh Nhật Hà Vậy bác nhầm, permalink là đường dẫn đến id hay a name đó, click vào nó để link đến comment chẳng hạn, giống như back to top là link đến vị trí trên cùng nhưng mọi người hay để mình # k, đặt thế này cũng lên đầu nhưng lý thuyết thì là đường link sai, trong safari nó sẽ nhảy k đúng. Còn tránh lặp thì canonical đã lo hết vụ này rồi.

Reply Xóa nhận xét
10

bác Duy làm thêm cái bộ đếm RSS subscribe nữa luôn đê :))

Reply Xóa nhận xét
11

@NoctKhó can thiệp bằng js quá bác ạ, cố thử vậy :D

Reply Xóa nhận xét
Nặc danh 22/8/11 20:12
12

Nhận xét này đã bị quản trị viên blog xóa.

Reply
13

@Rilwis Ồ, nó cung cấp miễn phí cả API, em ít tìm hiểu về Twitter giờ mới biết :D. Với việc dùng jQuery, code trông gắn gọn và chuyên nghiệp hơn kiểu lấy feed "đặc trưng" của Blogger.

Reply Xóa nhận xét
14

em ngày trước cũng dùng thử cái twitter counter bác ạ, cũng na ná vậy

Reply Xóa nhận xét
15

@Pika Rock Em ngại đụng chạm tới nhiều bên nên k hay dùng plugin của hãng thứ 3 :D

Reply Xóa nhận xét
16

Mình cũng ngại đụng plugin của hãng thứ 3, lỡ có gì thì ... die cả nút

Reply Xóa nhận xét

Đăng nhận xét

Cancel