2014年9月1日 星期一

[小工具]讓 Blogger 串聯式留言能由新到舊排序

[小工具]讓 Blogger 串聯式留言能由新到舊排序

Wayne Fu 0 A+
Blogger 留言排序這件事,從使用 Blogger 以來(舊範本時代),一直到現在的串聯式留言(新範本),不斷有使用者提出詢問:「能不能從最新的留言開始顯示」?實際上從 "使用者體驗" 的角度來看,這個要求非常合理,否則當留言一多時,螢幕都得捲到最底部才能看到新的留言,這是非常不友善的設計。

可惜這麼多年以來,此事一直沒有進展,而多數有名的第三方留言外掛(G+、FB、Disqus),留言能以各種方式排序都是基本配備,也難怪乎 Blogger 使用者紛紛棄官方留言板而去。

實際上,官方留言板擁有無可取代的優點存在,而 WFU 也準備撰寫專文推廣,但最大的阻力在於,官方留言板功能過於陽春。因此這篇文章要寫出來,第一個要解決留言排序的問題。那麼,對官方留言板還有信心的讀者,請按本文的操作,來安裝這個「Blogger 留言由新到舊排序」的功能吧!



<< 請注意!本篇文章含會員限定內容 >>



一、會員限定內容


花一點點篇幅介紹一下,「會員系統」算是本站一個劃時代的功能,只要讀者擁有 FB 帳號,就能免費加入會員,看到 "會員限定" 的文章內容。

「Blogger 留言由新到舊排序」也算是一個劃時代的功能,那麼拿來搭配「會員系統」的隆重出場,也算是很好的時機點。讀者只要稍微花不到 30 秒的時間,就能註冊完畢,並提昇權限為 "會員身份" 來讀取隱藏的文章內容,完成這個工具安裝。



二、準備動作


在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

1. 請到後台「範本」→「編輯 HTML」,搜尋 </head> 這個字串,找到後在此字串的前一行,插入以下程式碼:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script>
<style>
/* 留言排序 */
#comment_sort {
float: right;
font-size: 14px;
}
</style>


1. 首先可參考「引用 jQuery 的注意事項」,檢查範本是否已安裝過 jquery,以免重複安裝。

2. 如果需要調整 CSS 參數,可修改 style 區間的內容。



三、安裝程式碼


接著請搜尋 </body> 這個字串,找到後在此字串的前一行,插入以下程式碼:


請參照以上程式碼行號修改參數:

E:預設 1 代表 "由新到舊" 排序,0 則相反。

F~G:可自訂字串內容

H:預設值 "fadeIn" 效果為 "淡入淡出",若想改為滑動效果,請將字串改為 "slideDown"。

J:由於「Google Drive 關閉外連」功能,綠色字串的 JS 網址是無法外連的,請參照「WFU BLOG 外連 JS 變更及操作說明」,將這個連結下載後存成 JS 檔,上傳到自己的空間或 Dropbox。取得自己的 JS 檔外連後,置換本行的綠色網址字串。


以上程式碼若想先看看效果,可前往以下網頁:



Blogger留言 相關文章:
0 0
如這篇文章對你有幫助,歡迎「分享」到 FB、「追蹤」粉絲團、「訂閱」最新文章
TOP