Tạo widget Random Posts (bài viết ngẫu nhiên) cho Blogger

Random Posts (bài viết ngẫu nhiên) là một tiện ích được khá nhiều blogger sử dụng. Bài viết này mình sẽ hướng dẫn các bạn tạo một tiện ích Random Posts cho blog. Sau đây là các bước thực hiện:







Bước 1: Tại trang quản trị blog, các bạn vào Bố cục, tạo một tiện ích HTML/JavaScript.

Bước 2: Dán đoạn code sau vào tiện ích vừa tạo:

<!--Random Posts Widget by kjmagic.blogspot.com-->
<ul id='random-posts'>
<script type='text/javaScript'>
var tow_numposts=5; // Số bài viết hiển thị 
var tow_snippet_length=150; // Độ dài phần mô tả
var tow_info='yes'; // Nếu không muốn hiển thị thông tin về bài viết thì các bạn thay yes thành no
var tow_comment='Nhận xét';
var tow_disable='Nhận xét đã tắt';
var tow_current=[];var tow_total_posts=0;var tow_current=new Array(tow_numposts);function totalposts(json){tow_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<tow_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<tow_current.length;j++){if(tow_current[j]==rndValue){found=true;break}};if(found){i--}else{tow_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(tow_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<tow_numposts;i++){var entry=json.feed.entry[i];var tow_posttitle=entry.title.$t;if('content'in entry){var tow_get_snippet=entry.content.$t}else{if('summary'in entry){var tow_get_snippet=entry.summary.$t}else{var tow_get_snippet="";}};tow_get_snippet=tow_get_snippet.replace(/<[^>]*>/g,"");if(tow_get_snippet.length<tow_snippet_length){var tow_snippet=tow_get_snippet}else{tow_get_snippet=tow_get_snippet.substring(0,tow_snippet_length);var space=tow_get_snippet.lastIndexOf(" ");tow_snippet=tow_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var tow_commentsNum=entry.thr$total.$t+' '+tow_comment}else{tow_commentsNum=tow_disable};if(entry.link[j].rel=='alternate'){var tow_posturl=entry.link[j].href;var tow_postdate=entry.published.$t;if('media$thumbnail'in entry){var tow_thumb=entry.media$thumbnail.url}else{tow_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiK9z72OVa-Vn_vIB43-yHiZl9YOA69P3x6scVsLa3bxTOOrAUjemgV_cO1tGcAWv42T5KutObRikSZ4vqyeZ9lndTNFNZcMTlM6EvEjYk3WqlY93T5XymE_IwOpcr6aYg_ltcmOiZBQ/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+tow_posttitle+'" src="'+tow_thumb+'"/>');document.write('<div><a href="'+tow_posturl+'" rel="nofollow" title="'+tow_snippet+'">'+tow_posttitle+'</a></div>');if(tow_info=='yes'){document.write('<span>'+tow_postdate.substring(8,10)+'/'+tow_postdate.substring(5,7)+'/'+tow_postdate.substring(0,4)+' - '+tow_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<tow_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+tow_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
<p><a href="http://kjmagic.blogspot.com/2014/04/random-posts-widget-for-blogger.html" rel="nofollow" title="Get this widget for your blog">Get your widget</a></p>
</ul>
<style type='text/css'>
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:100px;height:100px;padding:3px}
#random-posts li{margin: 0px 0px 10px 0px;}
</style>
<!--/Random Posts Widget by kjmagic.blogspot.com-->

Chúc các bạn thành công !