Trang chủ \ 09:59

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="http://lh4.ggpht.com/-xGXPTzRnO9s/TlBxKlP9IcI/AAAAAAAAAUM/auzKETGj5K0/twitter.png" 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.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

17

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
2

Twitter ko phổ biến ở VN :D

Reply
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
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
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
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
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
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
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
10

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

Reply
11

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

Reply
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

Duy xem thêm bài này, mình viết từ khá lâu rồi. Twitter cung cấp đầy đủ API cho mình để dùng, nên tận dụng cái đó. Làm theo cách lấy feed này mang phong cách "tricky" của Blogger quá.

Reply
14

@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
15

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

Reply
16

@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
17

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

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.