Blogger Highlight author comments , 作者回應上色 for Blogger

日前在弄繼續閱讀一直不滿意，剛好看到了BloggerBuster的這篇How to Highlight Author Comments在教如何把作者的回應上色，看了一下發現好像很長，所以那時候也沒用，後來Google也找不到簡易好用的，今天正在寫食記的時候，不知怎麼突然福至心靈，就給他弄出這個功能了XD


廢話不多說，進入正文，步驟很簡單，只有兩個 (要一個也行)

Step 1

登入後，版面配置->修改Html，勾選展開小裝置範本，找下面這個字串

<data:comment.body/>

如果找不到一樣去頭去尾，只找data:comment.body


在我的Blog裡是找到

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

，所以就拿這個整行來改

<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>

紅色部分是你原本找到的那行文字，如果你的跟我一樣就直接貼上去蓋過就好，這樣步驟一就結束了
(靛色是等等會用到的style名稱，也可自行修改)


Step 2

一樣在修改HTML裡，在CSS設定裡加上author-comments的style設定

如果不會加的話，請在你的html裡找到(如果你的跟我一樣)

]]></b:skin>

然後把它改成

.author-comments {
    color:#99dd99;
}
]]></b:skin>

這樣就大功告成了。
綠色是顏色，可以自行修改成想要的，也可以依照你的意思加底色，改字型等等的。


進階功能像是根據作者不同換顏色的做法也很類似，就不多提了。