逍遙の窩

我懂得不多;分享我懂的。

2012/04/10

在 Blogger 添加隨機文章功能,讓側邊欄展示舊文增加瀏覽量

Blogger筆記:增加隨機文章功能。

撰寫部落格會有個問題,如何讓訪客瀏覽更多文章呢?要讓訪客看更多文章提升網站流量,側邊工具欄相對重要,利用小工具將文章秀出來,讓訪客知道部落格中有哪些文章。最常見的小工具有:最新文章、熱門文章、相關文章、隨機文章、、等。


隨機文章」如同字面意義,隨機從部落格中挑選幾篇文章顯示,好處是當部落格文章越寫越多時,讓舊文章有機會被看到,避免時間一久淹沒在廣大的網海中。

隨機文章程式碼:
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;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[p-1];
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>


程式碼中紅色字體『 var numofpost=10;』設定顯示文章數量。預設值10表示隨機顯示10篇文章,可以自行修改數字。

到「Blogger後台」→「版面配置」→「新增小工具」。


選擇「HTML/JavaScript」。


輸入標題、貼上程式碼、儲存小工具。


側邊欄隨機文章效果。


2017/06/23 補充:
另有縮圖式隨機文章,當滑鼠指標在文章標題時會顯示文章摘要。程式碼取得與設定請參考:BLOGGER 隨機文章+YOUTUBE縮圖

縮圖式隨機文章效果如下圖。


延伸閱讀:
Random Posts Widget for Blogger with Thumbnails(可縮圖、部分段落相關文章)

沒有留言:

張貼留言

● 與本站聯絡:電子郵件FB 粉絲專頁
● 站內提供下載的軟體經由網路取得,版權皆屬於原創者(公司)。
● 影音下載介紹網站/軟體功能,隨意下載、散播影片可能觸法,請自行注意。
● 本著作係採用創用 CC 姓名標示-非商業性-禁止改作 4.0 國際 授權條款授權。
創用 CC 授權條款