Xin chào các bạn, đã đến với blog của mình hôm nay ở bài viết này mình xin chia sẻ cách Tạo Widgets Bài VIết Ngẫu Nhiên Cho Blogspot
<style>
/*random posts*/
#random-posts img{float:left;margin-right:10px; background:#FFF;width:50px;height:50px; border-radius: 50%}
.li_rd_post_tkn {margin-bottom: 7px!important; list-style: none; line-height: 23px; padding: 0!important; margin-top: 0!important; margin-left: 0!important; margin-right: 0!important}
.a_rd_post_tkn {
color: #000!important;
text-decoration: none!important;
font-family: Roboto;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.svc_rd_post {
font-size: 14px;
font-family: Roboto;
font-weight: 400;
color: #878787;
padding-top: 3px
}
.rcs_tkn1 {
background: #f4f4f4;
padding: 2px;
padding-left: 10px;
padding-right: 10px;
border-radius: 13px;
}
.lifatkn { padding-left: 10px;
padding-right: 1px;}
.separator a{margin:0px !important;}
.post img{max-width:100%;height:auto;}
</style>
<ul id='random-posts' style='margin: 0!important; padding: 0!important'>
<script type='text/javaScript'>
var rdp_numposts=7;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='bình luận';
var rdp_disable='Tắt bình luận';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_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<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF7fl9UV9WvLaondLPqj73XUb3VX1-1BhfPojmOjRAwhyphenhyphenPga3aEIbnRt8cZSm4UPKiQlFcH26LAouL7f9HTKFnkX8agsh5UV31NonLuKjz1DFni5WvfKP-SE1_ulEFj2YvUBaBv0qHKYN-/"}}};document.write('<li class="li_rd_post_tkn">');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a class="a_rd_post_tkn" href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<div class="svc_rd_post"><span class="rcs_tkn1">'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+'</span> <i class="fa fa-comments lifatkn" aria-hidden="true"></i> <span class="time_tkn1">'+rdp_commentsNum)+'</span></div>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"https://www.nguyenngocquidz.tk/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
Thay https://www.nguyenngocquidz.tk thành Website/Blog của các bạn
Lưu HTML và xem kết quả
DEMO BÊN GÓC PHẢI
Nguồn: Niệm Style
