Tiện ích bài viết ngẫu nhiên đẹp và đơn giản

Tiện ích bài viết ngẫu nhiên này phù hợp cho các bạn thích đơn giản nhưng vẫn đẹp. Không ảnh thumbnail, không đoạn trích hay giới thiệu, chỉ hiển thị tiêu đề bài viết.

Các bước thực hiện:
Các bạn tạo widget HTML sau đó copy đoạn code sau vào là được.

<style type="text/css">
.noop-random-posts ul li {
    list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0nSY1f4qpUE4NIp7upFrQQ_jjxdAbnFZ_neJbvN2UJxgZKoFlOKRdcr0B82WmaamS4Fjujd7qecPriSGUT17Bs7uFjaP3VzkS23Y-pSPiK76S4d2EkVW9W7FrdNmpFS4kyt6lthsMDf4/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>

- Đoạn link màu xanh là hình mặc định đầu dòng cho mỗi tiêu đề, các bạn có thể thay thế bằng hình của các bạn.
- Var numofpost=5 : là số lượng bài viết bạn muốn hiển thị.