Add Random Posts with Thumbnail Widget to Blogger

Tiện ích Add Random Posts Widget with Thumbnail cho phép hiển thị các bài viết bất kỳ trong Blog của bạn cùng với ảnh thumbanil lên thanh Sidebar hoặc Footer. Tiện ích này khác với tiện ích Popular Posts có sẵn trong phần Thêm tiện ích, bạn phải thêm 1 đoạn code nhỏ để hiển thị tính năng này.

Các bước thực hiện:

Bước 1:   vào menu "Bố cục", ấn vào "Thêm tiện ích"

Bước 2 : Từ cửa sổ Popup hiện ra, bạn click vào "HTML/Javascript"

Bước 3: Sao chép và dán đoạn mã dưới đây vào hộp HTML/Javascript

<style>
#random-posts img{float:left;margin-right:10px;
width:65px;height:65px;background-color: #F5F5F5;padding: 3px;}
ul#random-posts {list-style-type: none;}
#random-posts li {margin-bottom: 10px;}
.random-summary {display: block;}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=60;
var rdp_info='yes';
rdp_info2='no';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
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){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)+"&#133;";};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;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/AVvXsEjSKOTgnITMzKtDgR8dkkV-0gBzuxYf6quIk6nFksojYtuvZ_nJ43xoV_C6JlHGimpaCwwprRiEmPccL5ujzTtBx70U0HZO-KKkcGaKhrZYdre7ecRqZu6f33B4kbJ2OqJYFqSVto-P4LY/s1600/no_thumb.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}
if(rdp_info2=='yes'){document.write('<span class="random-summary">'+rdp_snippet)+'</span>'}
document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
<div style="font-size: 10px; float: right;">Get this <a href="http://www.bloggerviet.biz/2014/09/add-random-posts-widget-to-blogger.html" rel="nofollow">Random Posts Widget</a></div>

Xong bạn ấn Lưu là xong

Cấu hình tính năng Add Random Posts Widget:

- thay đổi kích thước ảnh thumbanail ở dòng code được bôi đỏ "width:65px;height:65px;"
- thay đổi số lượng bài viết hiển thị ở dòng code bôi hồng "var rdp_numposts=5;"
- nếu muốn ẩn ngày viết bài và nhận xét thì bạn đổi giá trị Yes thành No ở dòng "var rdp_info='yes';"
- nếu muốn thêm đoạn mô tả bài viết thay đổi giá trị No thành Yes ở dòng "rdp_info2='no';"

Và đây là kết quả: