Tuesday, December 23, 2008

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>

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


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

36 comments:

  1. 這方法不錯呢,呵呵,謝謝的大大分享.:)

    ReplyDelete
  2. 謝謝你的誇獎~~ 如果有任何意見也歡迎提出 :)

    ReplyDelete
  3. 啊!!! 我終於成功了啊!!!

    三Q~~!!!

      

    ReplyDelete
  4. XD 終於成功了

    太感謝你了>_<!

    ReplyDelete
  5. 恭喜!!請問文章上有哪邊需要加強嗎?

    ReplyDelete
  6. 您好。我照您的方法加上去了,可是還是未出現底色耶?
    不知道那邊出了問題?
    可以請教一下嗎?謝謝。
    我的網址:http://rabbit-zakka.blogspot.com

    ReplyDelete
  7. 兔兔腳你好,我試了一下,因為你的blog有對<P>設定顏色,所以<SPAN>標籤包在<P>外面的話,最後是顯示<P>的顏色,所以把它改成<P>包<SPAN>就好,像是這樣
    <p><span class='author-comments'>
    <data:comment.body/>
    </span></p>
    如果有問題再請跟我說

    ReplyDelete
  8. 您好,謝謝您的說明,我的文字可以變成所設定的粉紅色嘍!
    不過還是沒有底色耶?不知道底色哪裡改?
    而且不知道為什麼我的顯示照片會出現X?

    也想順便請教您2個電腦問題。
    一個是我的網頁左下方都會出現『黃色驚嘆號』的『完成』。
    不知道要如何修正?
    另一個想請教的事,您網頁最上方那一列的資訊主業(可以登入那一列)要如何設定?因為我的版型上怎麼沒有?我自己每次要登入時都不方便呢?
    因為還是BLOGGER新手,謝謝您唷!

    ReplyDelete
  9. Q1:
    文字背景請在CSS的author-comments設定加入這行
    background-color:#123456;
    Q2:顯示照片出不來我沒試過,重新上傳大頭看看 ?
    Q3:黃色驚嘆號的錯誤應該是Friend Connect那邊產生的,不過我都用chrome瀏覽器所以不會有這困擾(逃)
    Q4:你的CSS裡面有這行
    .Navbar {display: none !important;}
    把導覽列隱藏掉了,這行拿掉就會出來了

    另外.feed-links { display:none; }這行好像也把訂閱擋掉了

    ReplyDelete
  10. 謝謝您唷。導覽列改好嘍!
    文字顏色我後來試很久,現在打算用文字顏色區別看起來比較清爽。^^
    那個小圖,我有重新換照片,最近也有繼續加一些東西在佈景上,突然發現原本無法正常出現的小圖在別人家回應時會出現了耶??可是自己的格子還是出不來,不知道為什麼?

    Friend Connect拿掉了,還是有錯誤,不知道是那邊錯誤呢?困惑中...

    不過很謝謝你的回覆唷!

    ReplyDelete
  11. 謝謝你的教學,對我這種完全不懂得語法的人來說,很簡單易懂^^

    ReplyDelete
  12. to 兔兔腳:我這邊沒看到錯誤了耶,你現在還有嗎 ? 小圖我發現我的blog也不會出現XDDD 等我研究有結果再說。

    to タッキーのささやき:能幫得上忙就好,我也是都參考網路上的教學來修改的。

    ReplyDelete
  13. 謝謝您呢。某一天自己隨便亂改就正常了。呵呵
    也不知道改了那邊?
    害我不敢去換佈景了,不然全部的東西都得全部設定(想不起來改了什麼)
    其實想問一個無關BLOGGER語法的語法問題(應該是用JAVA還是?)不知道方不方便?!
    因為自己研究了老半天還是不解。=="

    ReplyDelete
  14. 兔兔腳恭喜你!!
    另外Blogger可以把佈景那些設定備份起來,改之前只要先備份,壞掉再回覆就好啦。
    問問題當然是可以,我會盡力解答的
    寄到我的信箱doomdied (at) gmail.com

    ReplyDelete
  15. 不好意思想請問一下
    因為我之前有到處改人家教的作者回應改色相關語法
    但都沒有成功(用了版大教語法的也沒變),但真的很需要這功能> <
    可否幫我看一下,是哪裡出了問題呢
    非常感謝!!

    ReplyDelete
  16. http://0rz.tw/InzaQ
    我在這篇看你的留言是有變色的耶

    ReplyDelete
  17. 請問您有沒有辦法把像http://sean.o4u.com/2010/12/blogger.html
    他說明的功能
    和您的功能用在一起?
    我兩個都想要...

    ReplyDelete
  18. 補充一下
    就是按它的"回"就可以黏在某某留言的下面
    沒有按回就可以像一般作者留言上色一樣

    ReplyDelete
  19. 我剛剛看了一下,看起來兩個功能要改的地方不會重疊,你可以直接兩個都設好試試。

    ReplyDelete
  20. 用出來的結果好奇怪阿
    http://r809.blogspot.com/2010/10/blog-post.html
    我的分離了

    ReplyDelete
  21. 唔 Q口Q"
    我也沒辦法改色耶;;
    不知道是哪裡出問題 , 有照著步驟做呀 、、 OTL

    ReplyDelete
  22. to Haho :
    是我寫得不好嗎qq
    請問你是改了完全沒反應 ?

    ReplyDelete
  23. 應該不是您的問題 QQ 因為很多人都成功了 ;;
    不過我也找不到哪裡出錯 OTL

    就照步驟作完儲存測試字和底色都沒改變 T_T;
    我想讓作者留言底色不一樣就好了

    ReplyDelete
  24. 請問一個blog有兩個作者怎麼辦?

    只有一個有效果

    ReplyDelete
  25. 該篇作者會有效果啊,如果要兩個都有效果,就要寫死了吧

    ReplyDelete
  26. 作者你好,我照著方法做了

    不過只有整頁模式、彈出式視窗有效
    用嵌入的就沒辦法@@

    是有什麼問題呢?

    ReplyDelete
    Replies
    1. 你好,其實在某次改版後,這個改法好像就失效了XDDD
      我有空再看看怎麼弄,真是不好意思

      Delete
  27. 希望您能夠研究出嵌入式留言的作者回覆啊!電腦苦手.....

    ReplyDelete