結果才發現,blogger居然無法從HTML改留言區的默認頭像
為了改默認頭像,我研究了其HTML架構老半天
發現留言區整塊HTML就用一個
<data:post.commentHtml/>
處理掉了看起來,無論是頭像、留言人士名、留言時間、訊息……等等,全都由
<data:post.commentHtml/>
來做處理,等於留言完全沒法修改HTML嘛!最後只好從CSS著手了。
一般模板的留言圖示,其 URL 是 //img1.blogblog.com/img/blank.gif,所以只要調整CSS就可以解決了:
img[src*=blank.gif]{ background-image: url(你的圖片url); /* 因為 blank.gif 是 1px × 1px 的圖片,所以一定要設 */ width: 頭像大小; height: 頭像大小; }
網路上還有人是用 javascript,直接將 blank.gif 改成自己圖片的 url(例如 5g Blogger SEO),這也是可以,不過我個人秉持著能用CSS處理就儘量不要用JS來做,所以我還是選擇用 CSS 來處理。
不過,blogger去年新增的下面四個主題就無法這樣玩了
- Contempo
- Soho
- Emporio
- 知名
不過默認頭像的SVG其實已經蠻好看的了(見下),如果接受這張圖的話,其實不改也沒差吧~
謝謝站長的資訊,但提醒一下,要多加引號才可以正常替換 ~
回覆刪除img[src*="blank.gif"]