[教學] Blogger Random Posts 隨機文章功能三分鐘上手


在Blogger中,官方已經提供了「熱門文章」的小工具可以直接套用,而「相關文章」我覺得用「LinkWithin」相對來說是比較簡單的,這二項應該算是常常被套用到網誌的功能之一,但還有一種「隨機文章」是我覺得可以好好利用的,因為這可以讓一些舊文隨機的呈現給訪客,無形中這亦可以減少訪客的跳出率,讓讀者可以多留點時間在網站上。談到隨機文章,我個人比較慣用「The Best Random Posts Widget For Blogger Blogs」中的語法,因為非常容易的使用,幾乎不需要修改就可以套用。

推薦文章:WordPress中如何免外掛就可實現隨機文章的功能

使用教學

如引言所提到,要在Blogger中套用隨機文章很簡單,請由Blogger的管理後台中,新增小工具→選擇「HTML/Javascript

然後把以下語法中的「呈現的篇數」改成你想要的數字,例如「10」,然後再貼到「HTML/Javascript」的小工具中就行囉

<script type="text/javascript">
   var randarray = new Array();var l=0;var flag;
   var numofpost=呈現的篇數;function randomposts(json){
   var total = parseInt(json.feed.openSearch$totalResults.$t,10);
   for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
   if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
   for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p1];
   for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
   document.write(item);}}
   }document.write('</ul>');}
   </script>
   <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>

這個方式的隨機文章我覺得還蠻簡單的,只要幾個步驟就可以達成了,各位有更好的方式可以分享嗎?歡迎留言喔!以下是我套用後的實例擷圖,供大家參考:

  • 還沒顯示半篇文章是因為文章數太少嗎? xDDD