本日主打歌:Show your love~~快跟上步伐~~~(毆飛)
Blogger今天開出了官方版本的留言頭像!以前在Blogger上要實作這點需要自己嵌js然後來源可能是Blogger或是MyBloglog等等,這次Blogger十周年開出了官方留言頭像,又讓我們的網誌執行速度加快了一些!
Blogger團隊,GJ!
公告原文:Show your face!

這是我套用後的結果,很棒!之後再加上一些CSS來整修應該會更好吧 :P。 想要開啟這個功能請到設定-意見找到

設定後即可,但如果您的樣板是老樣版,就還是有可能需要修改,修改的方式請見繼續閱讀。
另外分叉出來提一下,在網誌發表留言時您也可以自己上傳新的頭像,不過現在測試好像只是用於Blogger帳號,並不是開放匿名或OpenId等等使用者上傳的樣子,就大概是適用於想要忽然變換頭像的朋友吧,不然預設都會抓我們的Blogger帳號頭向來顯示呀~~
稍微宣導一下,如果您沒有把握您的樣板100%跟著Blogger的規範走,請不要太輕易的按下"將迷你組件樣本恢復預設值"的按鈕,到時候跑版事小,損失了很多自己精心作的微調才真的會讓人哭哭阿Q_Q~

先放上一張修改前的照片,這是我套上 http://www.bloggerbuster.com/2007/11/how-to-add-comment-avatars-to-see-your.html 的MyBlogLog留言頭像功能。
接下來是陳腔濫調的打開樣版、顯示小裝置、備份
找出<b:includable id='comments' var='post'>這一段
往下找到
<dl id='comments-block' expr:class='data:post.avatarIndentClass'>,若您的樣板沒有紅色這個部分,請補上~
接下來在<a expr:name='data:comment.anchorName'/>這行下面貼上
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>存檔收工,比想像中簡單吧 :P
不過觀察兩邊的結果,原本在迴響前面顯示小icon的favIcon功能跟頭像功能似乎是互斥的,不曉得有沒有方法兩個都顯示呢QQ










9 則迴響:
耶~
我的头像看得见吗?
@hugo: 耶~~~這位先生您好久沒更新了耶~~~
@希瑞亞: 可以 :)
我也成功了呢!謝謝版主~
我把語法段轉到我的blog文上了哦!(逆向連結好像都不太靈的樣子)
可惜如果很多留言者沒有Blogger帳號,整串留言左邊控空出一大條空白。
希望可以設定成左邊還是像原本那樣出現Blogger圖示或灰色圖示,而圖片可以放到右側;有圖片就出現,沒有圖片也不佔位子。
所以決定晚點再放。=3=
我看到這篇:
http://www.bloggerbuster.com/2009/09/profile-avatars-for-blogger-comments.html
好像和你寫的多上兩行
@小風: :)
@黃企鵝: 我嘗試著套css,還沒辦法讓頭像顯示的位置移動,可能還要再研究看看QQ
@瓦特比: 您指的是
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
這一段嗎?這應該是blogger另外一個功能: 留言顯示我的最愛icon的語法 @@a....
改了就可以看见头像了,但却不知道什么原因。orz
您好,請問一下,要如何將頭像與留言文字分兩區呢?
我的blogger留言圖像是用同一張圖片的,它現在乍看之下有方兩區是因為我硬加像素進去,所以在不同的瀏覽器可能都會長不一樣...會亂掉...要如何使它平整呢?左邊是圖像,右邊的文字是齊頭的?謝謝!
張貼意見
請使用正體中文發表留言,注音文小弟將直接移除