[小工具]讓 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"。

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

點此看範例網頁

Blogger留言 相關文章：