Blogger 如何自定義匿名人士的頭像 _¢(。。;)

最近開始想要自訂自己的模板
結果才發現,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 做處理,也因此無法用上面那種CSS的處理方式來處理,只能用 javascript 了
不過默認頭像的SVG其實已經蠻好看的了(見下),如果接受這張圖的話,其實不改也沒差吧~

1 則留言:

  1. 謝謝站長的資訊,但提醒一下,要多加引號才可以正常替換 ~

    img[src*="blank.gif"]

    回覆刪除

小提示:留言時,可以使用粗體(<b>)、斜體(<i>)、超連結(<a href="網址"> </a>)。另外,以「名稱/網址」留言時,網址可以留空的。