作者回應上色 for Blogger - 部落格

網誌版 [ http://0rz.tw/8b5eH ]


日前在弄繼續閱讀一直不滿意，剛好看到了BloggerBuster的這篇
How to Highlight Author Comments
http://www.bloggerbuster.com/2008/05/how-to-highlight-author-comments.html
在教如何把作者的回應上色，看了一下發現好像很長，所以那時候也沒
用，後來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>

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


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


--
上班不務正業的證據
http://died1981.blogspot.com

--