Random Post - Tiện ích bài viết ngẫu nhiên cho Blogspot

Một tiện ích được khá nhiều bạn quan tâm, tuy nhiên khi mình test thử nhiều tiện ích được chia sẻ trên mạng thì hầu hết đều có những hạn chế chung. Có thể không phải là 100% nhưng hiện tại mình thêm để làm DEMO ở khá nhiều Blog thì đều bị. Trước đây thì không bị nhưng giờ Phong chưa phân tích được lỗi này là sao: Đó là khi bạn thêm tiện ích bài viết ngẫu nhiên thì bị treo trình duyệt, treo bảng điều khiển, và load blog cũng treo luôn. Mình đang tìm cách khắc phục lỗi này.
Cập nhật ngày 18/7/2014 (đã khắc phục được)

1. Thêm tiện ích bài viết ngẫu nhiên

- Tiện ích này đã được mình test và không gặp vấn đề gì khi sử dụng. Tốc độ load nhanh cũng là ưu điểm của tiện ích này. Demo TẠI ĐÂY

Các bạn vào bảng điều khiển Blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a Widget) -> HTML/Javascript và dán code dưới đây vào nó.

<style type="text/css">
.noop-random-posts ul li {
    list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXlIN92r7jFM_eNzt_M8RIqAdrWuIfPvjbuM1oMfmYF3z3ENcsJVSpMPWuSLIlkYRLYl5ZL-hiSB6k253D_28JPfRTgSU3EeBL8bjdrjWzrWeGpKlpwUKVBJfIQevMK4sUUUyqWVjnl5w/s1600/tick+list+style.png");
}
</style>
<div class="noop-random-posts"><script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=5;function nooprandomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script></div>

- Giá trị bạn cần quan tâm đó là: var numofpost=5 là số bài viết hiển thị ra widget. Link hình ảnh icon được bôi xanh bạn có thể thay đổi nếu muốn icon khác nhé.

2. Random Post - bài viết ngẫu nhiên cho Blogspot (chỉnh sửa template)

- Đây cũng là yêu cầu của bạn tại blog làm đẹp khỏe vì bạn có mẫu (template) có sẵn bài viết liên quan ở dưới 2 dạng, dạng khung hình ảnh và dạng theo dòng như dưới. Sau khi hỗ trợ thì bạn có thể thấy được ở phần Các tin khác đó là những bài viết được lấy ngẫu nhiên (Random) trong dữ liệu.
Ví dụ xem link bài viết bên Website đó: Chữa viêm nang lông

hay tất cả những template mà đã có bài viết liên quan rồi bạn hoàn toàn lấy đó để thêm được luôn bài viết ngẫu nhiên bằng cách xóa đoạn JS -/&quot; + data:label.name + &quot; này của Label. Để nó chỉ còn dạng

<script expr:src='&quot;/feeds/posts/default/?alt=json-in-script&amp;callback=related_results_labels&quot;' type='text/javascript'/>

Như vậy nó sẽ lấy giá trị default là tất cả các bài đăng có trong dữ liệu Blog.
Nếu gặp khó khăn gì theo hướng dẫn, hãy để lại comment nhé.
Chúc các bạn vui vẻ!