Demo |
Random Posts (Bài đăng ngẫu nhiên) cho blogspot là một tiện ích được sử dụng khá phổ biến, nó giúp cho độc giả tiếp cận dễ hơn với blog có nhiều bài viết. Hôm nay mình sẽ hướng dẫn các bạn chèn tiện ích Ramdom Posts vào blog chỉ bằng 1 đoạn code.
Bước 1: Đăng nhập vào blogger
Bước 2: Chọn bố cục và thêm tiện ích
Chọn Bố cục và thêm tiện ích |
Bước 3: Chọn HTML/Javascript
Chọn HTML/Javascript |
Bước 4: Coppy đoạn mã sau bỏ vào box tiện ích vừa tạo rồi nhấn Lưu.
<ul id="random-posts"></ul>Vậy là xong rồi. Thưởng thức thôi!
<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 = "Địa chỉ blog của bạn",
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>
Post a Comment