增加文章留言回應的編號 (Show Comment Index)習慣透過 Blog 和「讀者」溝通交流的人，應該會發現 Blogger 的留言回應少了一個很重要的參考，那就是留言的「順序編號」。雖說這個編號是流水號，但這個有順序的編號對某些人氣很高的 Blog 來說，代表了讀者留言的前後關係，有的粉絲會盯著作者發表或更新文章，透過搶第一個留言的方式來表達熱情，什麼搶「頭香」「沙發」之類的，雖然這種行為沒啥意義，但還是一堆人樂此不疲。當留言少、一眼整頁就能看完的時候，其實編號的意義並不大，但留言一多，其中還有鄉民在發問（偏偏一堆人不愛看其他人的留言或回應），如果要針對特定一篇留言討論（「五樓」?!），或告知答案在的第幾篇回應中，沒有這個編號就很麻煩了（雖然編號會因為中間留言刪除而改變，但雖不中亦不遠矣）。又不少鄉民愛用「幾樓」來指定特定的第幾篇留言，如果不在留言上打上「樓層編號」，留言在管理和討論上實在也很不方便，難不成要讀者一篇篇用手數嗎？
當然這個問題不少人也有發現（追根究底是 Blogger 的樣板語言裡，有迴圈語法卻沒有顯示迴圈 Index 的變數），既然如此，那只好手動塞 Javascript 程式在該迴圈外和迴圈內，單純做個計數器就能夠搞定，不過坊間的改法看起來比較不友善，因此這裡用比較簡單的方式來處理這個問題（鄉民們也比較容易剪貼來用）。
首先定義這個回應編號計數器的宣告和計算。登入管理介面，切到版面配置、修改 HTML 樣板原始碼（要展開小程式範本），在程式碼 <head> 區段內（</b:skin> 標籤後、</head> 標籤前），塞入以下 Javascript 程式：
<script type='text/javascript'>
//<![CDATA[
<!-- Function used for generating the index number for each post: ShowCommentIndex() -->
var CommentIndex = 0, CommentPostID = '';
function ShowCommentIndex(PostID) {
if (CommentPostID != PostID) {
CommentIndex = 0;
CommentPostID = PostID;
}
document.write(++CommentIndex);
}
//]]>
</script>
接下來決定在留言內，要顯示回應編號的位置。基本上只要放在產生所有留言的迴圈「後面」就行了，那一行是：
<b:loop values='data:post.comments' var='comment'>
舉例，我把留言編號放在該篇留言的最後面 (comment-footer 區段裡、留言的時間後面，如同上面的例圖一樣)，顯示編號的程式碼放的位置和內容如下：
<dd class='comment-footer'>
<span class='comment-timestamp'>
@ <a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
<!-- Fixed for display comment index -->
| <data:commentLabel/> #
<script type='text/javascript'>
ShowCommentIndex('<data:post.id/>');
</script>
</dd>
其實新加的關鍵是上面的倒數第六行到倒數第二行，如果編號想顯示在別的地方，請自行變更那五行的位置就行了（想改字型大小、顏色或靠哪一邊，請自己定義那一段的 CSS 樣式）。
和別人不一樣的是，程式碼裡我多加了 Post ID 的判斷，因為那個計數器變數 (CommentIndex) 是全域變數，如果有其他模組「同時」要用這個函式，只要不要交叉呼叫，基本上同一個頁面不同的文章也可以產生正確的留言編號。對像我一樣用一堆 Hack 的人來說，算是多做一點檢查和判斷，以避免重複呼叫產生編號錯亂的情況～
本文引自 http://abintech.twidv.com/2009/03/show-comment-index.html
沒有留言:
張貼留言