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

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

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

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

隨機文章程式碼：(來源網頁)

<style>

#random-posts img { float: left; margin-right: 10px; width: 65px; height: 65px; background-color: #F5F5F5; padding: 3px; }

ul#random-posts { list-style-type: none;}

#random-posts li { margin-bottom: 10px; }

.random-summary { display: block; }

</style>



<ul id='random-posts'>

<script type='text/javaScript'>

var randomposts_number = 10;

var randomposts_current = [];

var total_randomposts = 0;

var randomposts_current = new Array(randomposts_number);



function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t }

document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>');


function getvalue() { 

for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); 

for (var j = 0; j < randomposts_current.length; j++) {

if (randomposts_current[j] == rndValue) { found = true; break } };

if (found) { i-- } else { randomposts_current[i] = rndValue } } };

function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum };

</script>


<script type='text/javaScript'>

function random_posts(json) {

for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; var randompoststitle = entry.title.$t;

for (var j = 0; j < entry.link.length; j++) {

if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; 

if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url }

else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy3o5zuMoG_xlfpkOaJo9bBNMRzMhC0lc7uAOFpBDnvJASzSNdtqcsBYK6U16GnxBe3Kib3yN7pSvRqo4AxxTum5rseX1Y2YpAOjxCb96R2RxH8M3fJm43NstrcJFdmDIJcadVwcSPeE0/s1600/no_thumb.webp" } } };


document.write('<li>');

document.write('<img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/>');

document.write('<div><a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>');

document.write('<div style="clear:both"></div></li>') } };

getvalue();

for (var i = 0; i < randomposts_number; i++) { document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>') };

</script>

</ul>