[Blogger Hacks # 02] 回應編號與上色

本文推薦兩個BLOGGER的HACK,分別是「文章回應編號」與「作者回應上色」。

Photobucket

這兩個功能都是BLOGGER官方不具備的功能,對於它們的需求其實源自相同的問題:BLOGGER不具備「作者回應」的功能。換言之,對於網友文章的回應,作者要再回應之,也同樣必須透過回應該篇本文才能達成。

為了讓作者回應在一大堆讀者回應中比較容易辨識,就有了「替作者的回應文字上色」這樣的概念啦!此外,由於BLOGGER也不會針對回應進行編號,如果回應量大在閱讀與檢索上都會比較困擾,所以「替文章的回應進行編號」在我看來也是相當基礎且重要的建設工夫!



首先是「作者回應上色」。
做法是直接參考「AFTER DUSK, BEFORE DAWN」這個網站而來的。
進入後台版面配置修改html(展開小裝置範本),尋找

<p><data:comment.body/></p>

並以下面的code直接取代之:
<b:if cond='data:post.author==data:comment.author'>
    <span class='author-comments'>
    <p><data:comment.body/></p>
    </span>
<b:else/>
    <p><data:comment.body/></p>
</b:if>

然後找到

]]></b:skin>

在它的前面加上
.author-comments {
    color:XXXXXXX;
}

其中XXXXXXX為色碼,也就是作者回應文字你要採用的指定顏色。
常用的顏色色碼可以參考這裡(偽基百科頁面)



再來是「回應文章編號」。
參考的是「ABIN'S TECH NOTE」的教學文章。(這個站真的讓我獲益良多!)
進入後台版面配置修改html(展開小裝置範本),尋找

</head>

然後在它的前面放入以下code:

<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:skin>的後面,但因為</head>在</b:skin>之後,所以選擇直接放在</head>之前就不會錯了)

然後尋找

<b:loop values='data:post.comments' var='comment'>

並將以下的code放入它的後面

<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(&#39;<data:post.id/>&#39;); 
   </script>
</dd>

其中注意紅色標記的上面引用之教學文章的做法,這一段就是控制你的文章回應的編號的「外觀」。以我自己的需求,如果直接套用上面的<data:commentLabel/>會造成一些回應文章資訊的重複(應該式template本身非標準版型的問題),我想要直接簡單顯示成「Comment # 編號」的形式,那麼就把紅字那一段修改成

Comment #

即可。

2 comment(s):

ddloveaa | 01 July, 2010 10:49

好用好用 感謝提供啊!!!! :D

想順便請問你,你現在的最新回應是用哪一個模組呢?

因為都找不到好用的

看到你的覺得很不錯耶~~ 謝謝 :)

EverDark | 01 July, 2010 14:24

目前最新回應我是用這篇文章(http://www.everdark.info/2010/03/blogger-hacks-06.html)裡面提到的第三種方法。

Post a Comment

回應文章前請注意下列三勿原則:

1)勿拍照;(→會有靈異的照片從你的相機裡跑出來...
2)勿餵食;(→會有飢渴的猛獸從我的網誌裡跑出來...
3)勿告白。(→會有奇怪的東西從站長體內裡跑出來...

謝謝大家的配合。
( > ー <)b