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

By Callum
at 2008-12-24T00:28
at 2008-12-24T00:28
Table of Contents
分享另外一個作法,不過只適用沒有共同作者的情況
好處是不怕有心人士利用自訂名稱/網址冒用
也不會因為換了個顯示名稱就被當作一般訪客
基本上步驟都一樣,只是語法大同小異,差在判別條件不一樣
我是判別留言者的網址等於po文者的簡介網址且開頭的icon是Blogger
※ 引述《doomdied (Died)》之銘言:
Step 1
登入後,版面配置->修改Html,勾選展開小裝置範本,找下面這個字串
<data:comment.body/>
如果找不到一樣去頭去尾,只找data:comment.body
在我的Blog裡是找到
<p><data:comment.body/></p>
,所以就拿這個整行來改成這樣
<b:if cond='data:comment.authorUrl == "po文者簡介網址"'>
<b:if cond='data:comment.authorClass == "blogger-comment-icon"'>
<span class='author-comments'>
<p><data:comment.body/></p>
</span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<b:else/>
<p><data:comment.body/></p>
</b:if>
紅色部分是你原本找到的那行文字,如果你的跟我一樣就直接貼上去蓋過就好
個人簡介網址在側欄的關於我or登入後的資訊主頁就可複製,這樣步驟一就結束了
(靛色是等等會用到的style名稱,也可自行修改)
Step 2
一樣在修改HTML裡,在CSS設定裡加上author-comments的style設定
如果不會加的話,請在你的html裡找到(如果你的跟我一樣)
]]></b:skin>
然後把它改成
.author-comments {
color:#99dd99;
}
]]></b:skin>
這樣就大功告成了。
綠色是顏色,可以自行修改成想要的,也可以依照你的意思加底色,改字型等等的。
進階功能像是根據作者不同換顏色的做法也很類似,就不多提了。
--
上班不務正業的證據
http://died1981.blogspot.com
--
好處是不怕有心人士利用自訂名稱/網址冒用
也不會因為換了個顯示名稱就被當作一般訪客
基本上步驟都一樣,只是語法大同小異,差在判別條件不一樣
我是判別留言者的網址等於po文者的簡介網址且開頭的icon是Blogger
※ 引述《doomdied (Died)》之銘言:
Step 1
登入後,版面配置->修改Html,勾選展開小裝置範本,找下面這個字串
<data:comment.body/>
如果找不到一樣去頭去尾,只找data:comment.body
在我的Blog裡是找到
<p><data:comment.body/></p>
,所以就拿這個整行來改成這樣
<b:if cond='data:comment.authorUrl == "po文者簡介網址"'>
<b:if cond='data:comment.authorClass == "blogger-comment-icon"'>
<span class='author-comments'>
<p><data:comment.body/></p>
</span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
<b:else/>
<p><data:comment.body/></p>
</b:if>
紅色部分是你原本找到的那行文字,如果你的跟我一樣就直接貼上去蓋過就好
個人簡介網址在側欄的關於我or登入後的資訊主頁就可複製,這樣步驟一就結束了
(靛色是等等會用到的style名稱,也可自行修改)
Step 2
一樣在修改HTML裡,在CSS設定裡加上author-comments的style設定
如果不會加的話,請在你的html裡找到(如果你的跟我一樣)
]]></b:skin>
然後把它改成
.author-comments {
color:#99dd99;
}
]]></b:skin>
這樣就大功告成了。
綠色是顏色,可以自行修改成想要的,也可以依照你的意思加底色,改字型等等的。
進階功能像是根據作者不同換顏色的做法也很類似,就不多提了。
--
上班不務正業的證據
http://died1981.blogspot.com
--
Tags:
部落格
All Comments
Related Posts
讓下拉選單對齊

By Emily
at 2008-12-23T21:56
at 2008-12-23T21:56
請懂 javascript和 css的高手幫忙

By Hedda
at 2008-12-23T19:04
at 2008-12-23T19:04
blogger網頁新增圖片

By Belly
at 2008-12-23T15:52
at 2008-12-23T15:52
天空的"文章列表顯示",如何列出所有文章?

By Edward Lewis
at 2008-12-23T10:17
at 2008-12-23T10:17
觀看別人的網誌

By Lucy
at 2008-12-23T10:11
at 2008-12-23T10:11