讓 Blogger 留言能由新到舊排序

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檔)流量限速」的情形，為了避免將來某天這個小工具無預警罷工，建議讀者有空的時候，參考以上文章連結，自行將綠色字串的 js 檔分流。


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



更多實用工具：

• 本站使用的 Blogger hack 及工具整理