2009年9月18日

[Time to show your face] Blogger官方留言頭像上線!

| 次點閱

本日主打歌:Show your love~~快跟上步伐~~~(毆飛)

Blogger今天開出了官方版本的留言頭像!以前在Blogger上要實作這點需要自己嵌js然後來源可能是Blogger或是MyBloglog等等,這次Blogger十周年開出了官方留言頭像,又讓我們的網誌執行速度加快了一些!

Blogger團隊,GJ!

公告原文:Show your face!

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

擷取
設定後即可,但如果您的樣板是老樣版,就還是有可能需要修改,修改的方式請見繼續閱讀。

另外分叉出來提一下,在網誌發表留言時您也可以自己上傳新的頭像,不過現在測試好像只是用於Blogger帳號,並不是開放匿名或OpenId等等使用者上傳的樣子,就大概是適用於想要忽然變換頭像的朋友吧,不然預設都會抓我們的Blogger帳號頭向來顯示呀~~

稍微宣導一下,如果您沒有把握您的樣板100%跟著Blogger的規範走,請不要太輕易的按下"將迷你組件樣本恢復預設值"的按鈕,到時候跑版事小,損失了很多自己精心作的微調才真的會讓人哭哭阿Q_Q~



擷取2
先放上一張修改前的照片,這是我套上 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 提到...

耶~


希锐亚 提到...

我的头像看得见吗?


Ken Gao 提到...

@hugo: 耶~~~這位先生您好久沒更新了耶~~~

@希瑞亞: 可以 :)


小風 提到...

我也成功了呢!謝謝版主~
我把語法段轉到我的blog文上了哦!(逆向連結好像都不太靈的樣子)


黃企鵝 提到...

可惜如果很多留言者沒有Blogger帳號,整串留言左邊控空出一大條空白。

希望可以設定成左邊還是像原本那樣出現Blogger圖示或灰色圖示,而圖片可以放到右側;有圖片就出現,沒有圖片也不佔位子。
所以決定晚點再放。=3=


瓦特比 提到...

我看到這篇:
http://www.bloggerbuster.com/2009/09/profile-avatars-for-blogger-comments.html
好像和你寫的多上兩行


Ken Gao 提到...

@小風: :)

@黃企鵝: 我嘗試著套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留言圖像是用同一張圖片的,它現在乍看之下有方兩區是因為我硬加像素進去,所以在不同的瀏覽器可能都會長不一樣...會亂掉...要如何使它平整呢?左邊是圖像,右邊的文字是齊頭的?謝謝!


張貼意見

請使用正體中文發表留言,注音文小弟將直接移除

My Hot Post

Here I am