Hot!

Tiện ích “Bài viết ngẫu nhiên – Random Post” cho Blog

Wednesday, 30 December 2009

Phattrienso cũng không nhớ rõ đã thực hiện tạo cái widget “Bài viết ngẫu nhiên – Random Post” từ đâu và như thế nào, và cũng tưởng đã post  bài viết hướng dẫn tạo chúng. Vừa rồi Tac-Ke có qua thăm blog và yêu cầu có bài hướng dẫn thì mới biết là đã bỏ sót bài viết này. Do vậy trong bài viết này phattrienso xin hướng dẫn các bạn cách thực hiện để tạo ra tiện ích “Random Post” hay thường gọi là Bài viết ngẫu nhiên.
image



Xin nói trước là cách thực hiện cực kỳ đơn giản, bất cứ ai cũng có thể tạo được chỉ bằng vài click. Trước tiên bạn vào Dashboard - “Bảng điều khiển”  I Layout I Page ElementsAdd a Gadget Chọn Tiện ích HTML/JavaScript (như hình vẽ)

và copy và paste đoạn mã sau vào:
<div id="random-posts"></div> <script type="text/javascript"> function getRandomPosts(json) {     var maxEntries = 10;     var numPosts = json.feed.openSearch$totalResults.$t;     var indexPosts = new Array();     for (var i = 0; i < numPosts; ++i) {         indexPosts[i] = i;     }     indexPosts.sort(function() {return 0.5 - Math.random()});     if (maxEntries > numPosts) {         maxEntries = numPosts;     }     var container = document.getElementById('random-posts');     var ul = document.createElement('ul');     for (i = 0; i < maxEntries; ++i) {         var entry = json.feed.entry[indexPosts[i]];         var li = document.createElement('li');         var a = document.createElement('a');         a.title = entry.title.$t;         for (var j = 0; j < entry.link.length; ++j) {             if (entry.link[j].rel == 'alternate') {                 a.href = entry.link[j].href;                 break;             }         }         a.appendChild(document.createTextNode(entry.title.$t));         li.appendChild(a);         ul.appendChild(li);     }     container.appendChild(ul); } </script> <script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999999" type="text/javascript"></script>
Bạn thấy sao? Rất đơn giản. Bạn đã được gì? – Một tiện ích “ Bài đăng ngẫu nhiên “. Bạn nói gì? Nếu có hãy comment nhé. Bạn muốn cám ơn phattrienso? Hãy click quảng cáo (he he). Chúc các bạn thành công.
Tags: , , ,

Ý kiến bạn đọc [ 11 ]


Khánh Trắng ® 17 June 2010 21:17

Code này không chạy Chinh ơi!

net91 25 August 2010 15:00

Có chạy mà!

aha360 21 September 2010 11:44

lam dc chet lien

vnblognet.com 21 September 2010 15:18

Chào bạn aha360 mình test luôn trên Blog này nó vẫn hoạt động đó. Phải chăng feeds của bạn đang trục trặc.

nttin707 29 September 2010 17:14

Đang rất cần để làm đẹp blog, cám ơn nhiều he!

Mr.Tuấn 15 January 2011 14:44

bài chuẩn ko lổi đâu hết thank a Chinh nhiều nha
A chỉ e cách làm menu như của a với đi để e làm lại cái giao diện. :d

LÊ THỊ THƯƠNG MẾN 5 July 2011 11:15

Thanks nhé!
Cho em hỏi thêm về đăng bài viết.
Em đã đăng 1 bài viết về truyện ngắn tình yêu. Sau đó em muốn đăng tiếp bài viết thứ 2 về tình yêu thì nó cứ đưa bài viết về trang chủ ko àh. Em ko biết có cách nào phân mục bài viết ra đừng để nó chạy tự động như thế. Em cảm ơn phattrienso rất nhiều.
Tham khảo blogspot: http://chiasehay.blogspot.com/

123oap.com 10 November 2011 22:32

Xem cũng được đó chớ,mình kiểm tra trên web xem dược đó.

phim sex lầu xanh 19 December 2011 16:39

hay

Green 25 February 2012 20:55

Oh lần đầu tiên thấy blog này, hay ghê cái tên ;))
widget này hay đó
thanks

Green 25 February 2012 21:01

cơ mà cái này khi mình làm hiển thị theo tag, làm 2 widget cho 2 tag thì không được, nó sẽ chạy về 1 vị trí lẫn 2 widget thành 1 luôn :(
Có cách nào khắc phục không bạn
Thanks

Ý kiến của bạn