2009年6月4日 星期四

單篇隨機文章‧讓舊文出來透透氣


此功能已失效
先前綸太郎有介紹"隨機文章"的使用方法,請見如何產生隨機文章---B Stir一文,這次要介紹的是沒有顯示文章標題的真正的亂數配成的單篇隨機文章的工具。

這個工具很有趣,你沒有辦法知道跳出來的是什麼文章,在綸太郎目前接近250篇的文章裡,我自己試過會出現相當久以前的文章,和先前介紹的"B Stir"是以"Google 網誌搜尋"為資料庫的來源不同,如果你的網站在Google Blog Search沒有資料的話,可能就會抓不到,而這位作者設計的抓取資料庫,應該是以Feed裡的資料為對象,所以應該是全部都能抓到,目前還在試用當中,另外有一點就是B Stir有時會造成網頁瀏覽卡卡的,所以我目前是沒有使用,希望這個工具不會影響瀏覽速度,不然我真的很喜歡這種帶來未知驚喜的工具,有時看看舊文章,也能來個腦力激盪,有時可以幫舊文更新一下,順便回味一下當時的年幼無知,看看自己早期的文章都短短的,感覺沒有什麼份量,真是有點給他三條線。(圖片來源:哈星星部落格)

囉唆一堆如何做呢?這個工具來源為phydeaux3專為blogspot.com使用者設計的,你也可以自己到他的網站上進行,直接登入會自動產生小工具的widget放在你的部落格上,安裝頁面


裡面的框框文字要先輸入英文的,中文的會變成亂碼,按下"Add to Blogger"會要你登入你的部落格,然後自動產生一個小工具Widget,然後你再將widget拖曳到適當的位置即可,要將顯示文字改成中文,請參考下列做法。

如果不想在他的頁面上登入,也可以使用下列方式,
進入後台→版面配置→新增小工具→新增HTML/JavaScript,然後將下列程式碼放入,按下儲存,然後拖曳到適當位置儲存即可。
<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Are ya feeling lucky, punk?'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

程式碼裡的'Are ya feeling lucky, punk?',你可以自行改成你要的中文字,讓讀者可以看看你的舊文,例如我設的是"今天的出頭天文章,看看是誰?",自己設計文字內容即可。

或許有人會問,為什麼我的文字是綠色的,因為我在前後加上了粗體,就是用<b>和</b>將文字變成粗體,就是
'<b>今天的出頭天文章,看看是誰?</b>',而我的模板原先就有定義邊欄的文字如果是粗體,會用綠色文字,
#sidebar b {color: #8BCB2F;
}
如果你的模板沒有設定,就是一般的黑色粗體字,這是要向大家說明的,所以你也可以自己製作圖片來顯示這個工具,都是可以的作法。

參考來源:
Blogger Feeling Lucky Widget (Random Post)

4 則留言:

  1. 感謝分享,
    現在看以前文章,
    也是別有風味呢!

    回覆刪除
  2. 對啊,先用看看,有問題再說了,希望不會拖慢速度。

    回覆刪除
  3. 有加上去了
    謝謝

    回覆刪除
  4. 謝謝你啊站長!我做到了><

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能