"Welcome 喵子屋"

©2019/7月份

我是喵子屋的作者GY



“网站不再繁琐更新,
之前低调发布的帖子,请到目录搜寻。作者的分享是免费的,无收入效应。

×

BS | 侧边栏放随机帖子介绍/解释

虽然此贴丑陋了点,但很有用哦。
介绍 :

 大致上是这样的哦 有评论显示、时间和标题

 会用你的帖子排列的第一张图片来当缩图哦

 如果没有图片,会显示另一张图片(可以自己放哦)


 鼠标停在标题上会显示部分文字内容


 Youtube的Video也有缩图哦

 你可以设定显示多少帖子、头像大小等等等等

-- - -- -- -- -- - - - - - - - - - - - - - - - - - - - - - - - - - - -

有需要再更新/.\要出门了

25/07/2016:
更新在另一个帖子哦,请到教程菜单查找。有何不便体谅。

---------------------------------------------

代码/解释 :
* 有米色highlight的是可以更改的地方。

头像设置代码

#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'[False的话就会关掉日期与评论];
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)+"&#133;";};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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjURKv-Y7LXb5T8K7I3ho0s80nkzom4plod2E7xbYiIBZiHpQjaw1UIV-kbGbObOKLrqY-wKU5fbsPFtH90WtpXWa75BqE81_cWctg2M8O-QoOU5gIWwaEcxB3jL7tycCOPvfW3c3e7Bs4/s1600/d.jpg[没图片时,替换的图片的链接]"}}};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>



BS | 侧边栏放随机帖子介绍/解释 BS | 侧边栏放随机帖子介绍/解释 Reviewed by I'm grey on 18.6.15 Rating: 5

没有评论:

Thanks your comments(●′ω`●)

top navigation

Blogger 提供支持.