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

Table of Contents


網誌版 [ 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

--

All Comments

Anthony avatarAnthony2008-12-25
感謝~
Olivia avatarOlivia2008-12-27
感謝!!!!