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

Callum avatar
By Callum
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 == &quot;po文者簡介網址&quot;'>
 <b:if cond='data:comment.authorClass == &quot;blogger-comment-icon&quot;'>
<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

--

All Comments

讓下拉選單對齊

Emily avatar
By Emily
at 2008-12-23T21:56
最近用了從Joshand#39;s note找到的方法 成功的做出了and#34;我的連結and#34;的下拉式選單 但是做好以後發現 選單的按鍵沒有辦法和我的標題對齊 atat 向右邊突出去了 想要縮成和標題邊緣對齊的位置 有人知道該怎麼解決嗎 感激不盡~~~~ 附上我的網址 http://hm ...

請懂 javascript和 css的高手幫忙

Hedda avatar
By Hedda
at 2008-12-23T19:04
我是用google blogger 我的blog會有兩個作者 所以我想把我的blog設定成 and#34;不同作者的文章會有不同的樣式and#34; 首先 blogger文章的樣式是設定在: andlt;headandgt; andlt;b:skinandgt;andlt;![CDATA[ . ...

blogger網頁新增圖片

Belly avatar
By Belly
at 2008-12-23T15:52
blogger從網頁新增圖片好像壞掉了 我的圖片都已經在picasa上面了 如果要用html的話要怎麼貼? (已爬版) - ...

天空的"文章列表顯示",如何列出所有文章?

Edward Lewis avatar
By Edward Lewis
at 2008-12-23T10:17
※ 引述《cathysheu (愛看書的凱西)》之銘言: : 是否限定列表顯示,只能一頁顯示十篇? : 可以自行設定篇數嗎? : 如何改呢? 您是在問是否可以自己設定一頁網頁顯示出幾篇的文章嗎 如果是這樣的話,登入後進入管理介面andgt;網誌andgt;網誌設定 第二個設定項目可以自己鍵入首頁 ...

觀看別人的網誌

Lucy avatar
By Lucy
at 2008-12-23T10:11
※ 引述《iamphei (我愛SUGIZO)》之銘言: : 看過別人的網誌後 (天空) : 不是都會留下自己所顯示的圖片嗎? : 有沒有方法讓對方不知道我曾經看過呢? : 將滑鼠移到自己的顯示圖上 有發現and#34;x清除and#34;的字樣 : 我就點了 有個視窗跳出來問and#34;是否確定要 ...