BS | 有缩图的随机帖子部件

呵呵呵呵呵 尴尬地更新了。了解或代码解释请点这里：侧边栏放随机帖子介绍/解释。

* 外观基本都能自己更改。

 进入你的模板 >> 修改模板HTML

 首先，Ctrl+F寻找以下字眼哦。

<style>

 把框框内的代码都Ctrl+C复制到"<style>"的下面。这个是缩图管理的代码哦~

#random-list img{float:left;margin-right:10px;margin-left:-40px;margin-bottom:4px;border:1px solid #999;background:#FFF;width:71px;height:71px;padding:3px}

 接着，以下就是主代码了。请把框框内的代码复制到你想放的地方。

<ul id="random-list"><script> var dt_numposts=3; var dt_snippet_length=50; var dt_info='true'; var dt_comment='Comments'; var dt_disable=''; var dt_current=[];var dt_total_posts=0;var dt_current=new Array(dt_numposts);function totalposts(json){dt_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/summary?max-results=100&orderby=published&alt=json-in-script&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<dt_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<dt_current.length;j++){if(dt_current[j]==rndValue){found=true;break}};if(found){i--}else{dt_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(dt_total_posts-1));return ranNum}; </script> <script> function random_list(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<dt_numposts;i++){var entry=json.feed.entry[i];var dt_posttitle=entry.title.$t;if('content'in entry){var dt_get_snippet=entry.content.$t}else{if('summary'in entry){var dt_get_snippet=entry.summary.$t}else{var dt_get_snippet="";}};dt_get_snippet=dt_get_snippet.replace(/<[^>]*>/g,"");if(dt_get_snippet.length<dt_snippet_length){var dt_snippet=dt_get_snippet}else{dt_get_snippet=dt_get_snippet.substring(0,dt_snippet_length);var space=dt_get_snippet.lastIndexOf(" ");dt_snippet=dt_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var dt_commentsNum=entry.thr$total.$t+' '+dt_comment}else{dt_commentsNum=dt_disable};if(entry.link[j].rel=='alternate'){var dt_posturl=entry.link[j].href;if(y!=-1){dt_posturl=dt_posturl+'?m=0'}var dt_postdate=entry.published.$t;if('media$thumbnail'in entry){var dt_thumb=entry.media$thumbnail.url}else{dt_thumb="没图片时的替代图"}}};document.write('<a href="'+dt_posturl+'" rel="nofollow"><img alt="'+dt_posttitle+'" src="'+dt_thumb+'"/></a>');document.write('<div> <a href="'+dt_posturl+'" rel="nofollow" title="'+dt_snippet+'">'+dt_posttitle+'</a></div> ');if(dt_info=='true'){document.write('<span>'+dt_postdate.substring(8,10)+'/'+dt_postdate.substring(5,7)+'/'+dt_postdate.substring(0,4)+' - '+dt_commentsNum)+'</span>'}document.write('<div style="clear:both"> </div> ')}};getvalue();for(var i=0;i<dt_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/summary?alt=json-in-script&start-index='+dt_current[i]+'&max-results=1&callback=random_list\"><\/script>')}; </script> </ul>

 用你的照片替换代码中的“没图片时的替代图”字眼。
例如[Sample]：


 预览看外观有什么想改，改完后，保存模板就完成噜。


了解或代码解释请点这里：侧边栏放随机帖子介绍/解释。