分享

【網路轉貼】在 Blogger Blog 增加隨機文章版區的方法

 
[網路資料,感謝]
如果你有意為你的 Blogger Blog 增加一隨機文章版區(如同本網站內容者),在此提供你這一簡便的插件方式。
1. 首先,登入到您的Blogger帳戶,在 Blogger 控制台選擇您所要增加隨機文章版區的 Blogger;
2. 選取控制台左面版位內的「版面配置」,並在版面配置區域內點選任一位置之「+新增小工具」;
3. 在小工具選單欄內,點選「HTML/Java Script」項目,並在開啟的 HTML/Java Script 主內容框內貼入如下程式碼
#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}</font></div><div><font size="5">var rdp_numposts=5;</font></div><div><font size="5">var rdp_snippet_length=150;</font></div><div><font size="5">var rdp_info='yes';</font></div><div><font size="5">var rdp_comment='Comments';</font></div><div><font size="5">var rdp_disable='Comments Disabled';</font></div><div><font size="5">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};</font></div><div><font size="5"></font></div><div><font size="5">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)+"3;";};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="http://1.bp.blogspot.com/-v6XbCYAVV7o/UEMRCev1H-I/AAAAAAAADf0/PFwqDiY4jVg/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" 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>'}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>')};</font></div><div><font size="5">
4. 並在此「HTML/Java Script」小工具之標題欄位給以輸入 " 隨機文章 " 文字 ;
5. 以上完成之後,點擊小工具「HTML/Java Script」的儲存文字按鈕;
6. 在版面配置區域內,利用電腦滑鼠將剛剛完成貼入程式碼的該「HTML/Java Script」版塊拉動移位安置在你所意向的位置 ;
7. 接續,點擊版面配置區域(頁面)最右上角位的儲存排列方式文字按鈕 ;
8. 完成。
如此,檢視你的 Blogger 已經增加了一「隨機文章」版區。
分類:學習

評論
上一篇
  • 下一篇
  • 台東長濱星龍花園咖啡怎麼去和交通指引
  • 更多文章
    載入中... 沒有更多了