Widget Random Post đơn giản cho Blogger

Ngày hôm nay tôi xin chia sẻ hướng dẫn các bạn chèn 1 Widget Random Post đơn giản nhất Blogspot

1.Tới Blogger >Bố cục>Chọn thêm tiện ích>HTML / JavaScripts

Sao chép đoạn mã sau và dán vào cột

HTML:

<ul id="random-posts"></ul>
<style scoped="" type="text/css">
#random-posts{list-style:none;margin:0;padding:0}
#random-posts li{padding:0 0 5px 0;font-size:90%;margin:5px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
#random-posts li a{color:#333}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "http://www.chiaseit.mobi/",
numPosts = 8;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>

2.Cài đặt

• Thay http://www.chiaseit.mobi thành url blog của bạn
• Thay thế số 8 trên numPosts = 8; thành số bài viết bạn muốn hiện thị

3.Cuối cùng là lưu lại template

Nguồn : ChiaSeIt.Mobi