秀出你的大頭來‧Blooger新增留言者頭像圖片功能

2009.10.20通知，目前這個功能無法正常顯示，正在尋找答案中。

Google Blogger為了慶祝10周年，真是每天都帶給我們驚喜，不斷有新功能推出，這次又推出了留言者頭像的展示功能(Avatars on comments)，Show your face! ，露臉功能，雖不像WordPress有提供Gravatar的工具外掛那樣的好用，但是針對Google Blogger社群裡的使用者而言，也是一個不錯展示自己的方式，前提是你要選一個讓人有印象的大頭圖像Avatars。

如果要讓你的大頭出現在留言意見裡，首先你的後台設定→意見→要選擇，"在評論上顯示簡介圖片才能成功。


如果是利用官方的模板，而且沒有裝什麼Hacks，可能有些人已經發現你的意見區自然的已經出現留言者大頭圖片，但我想很多人都不是用官方的版面，而已經是歷經滄桑的版面了，所以這時就要自己加上一些語法來修正，才能正確的出現大頭圖像的效果。

如何做呢?一樣記得先備份原始的模板
進入後台→版面配置→修改HTML→勾選"展開小裝置範本"，
第一步驟，
首先找到以下的語法，
<dl id='comments-block'>
換成以下語法
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

第二步驟，
找到
<a expr:name='data:comment.anchorName'/>
在上方新增以下語法
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
按下儲存即可。

這樣一來就可以發現你的大頭圖片出現在你的留言前面了，不過要出現大頭是要在你登入你的帳號的情形下才會出現，如果你是利用匿名或是留下姓名及網址等其他方式，這個留言者圖像就不會發揮功用，而是一片空白的情形，我想Google官方未來應該還是會再修正吧，只是不知要等到何時就是了。


如果你覺得匿名或是用其他方式留言者出現一片空白，你可以在
]]></b:skin>之前，增加一個css定義如下，
/* Avatar */
.avatar-image-container img {
background:url('http://sites.google.com/site/lunfiles/box/qavat.gif');
width:35px;
height:35px;
}
其中background的圖片網址，你可以置換成你自己喜歡的任何圖片皆可，就會出現像以下這樣的大頭圖片，這是我在沒有登入的情況下留言。



2009.9.21
大頭圖片修改為

另外有的人的模板可能找不到<a expr:name='data:comment.anchorName'/>
像我的另一個網站就是，如果還想利用，這時第二步驟就變成找到
<b:if cond='data:comment.authorUrl'>
然後在上方新增<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

按下儲存即可。

另外官方有提到可以在留言區換大頭圖片的功能，我一直測試都沒法出現那個選項，官方是說留言時先不要按下"發表你的留言"而是按下"預覽"，就會有個讓你上傳大頭圖片的功能，再上傳圖片即可，


(圖片來源：Blogger Buzz)
其實部落格寫了2年多，真的覺得一開始部落格的名稱、作者名字與大頭像的選擇非常的重要，常常在網路上閒逛時看到熟悉的頭像就會按下去，或是Google搜尋某人的文章，也會記得該部落格的名稱，只要打兩個或三個字就會出現該部落格的搜尋提示，所以想認真經營部落格的朋友，選個好記的名字是很重要的，我是這樣認為的。

另外如果你的大頭圖案或是作者名稱曾經更換過的，以前以舊圖像或是舊名字留言的部份，圖像也是無法出現，目前綸太郎是找不到方式解決，Blogger不像Plurk還有歷史圖像的存在吧，這應該慶幸嗎?哈哈，如果有解決辦法的朋友，歡迎留言貢獻。

2009.9.20更新，
如果你試驗上述方法都不成功，最後只有一個終極辦法，就是
按下"將迷你組件範本回復為預設值"就可以了，什麼都可以不用改，按此方式要謹慎利用，一定要先備份，因為會影響你之前裝的Hacks工具，牽一髮動全身，我個人是不建議使用，所以一直沒有寫出來，只是我想還是有人想知道，自己謹慎考慮使用就是了。

如何使得版主回覆和其他人的留言作區隔呢，可參考加強blogger作者留言和一般留言的區分一文說明。
參考來源：
Blogger bring us comment avatars! Awesome!
Profile Avatars for Blogger Comments - Updated