[Blogger使用心得]更改blog圖標(Change blog favicon)

1. 目標..

將Blogger網站上的圖標(favicon), 從內建更改為自己設計的圖標, 如圖1紅圈所示..

圖1. 變更網頁圖標

2. 做法..

2.1. 準備一張自己設計的圖標, 為JPG或PNG格式(建議為PNG格式, 檔案所佔體積較少, 讀取速度較快), 尺寸為24 × 24pxs像素以下, 如圖2所示..

圖2. 自設圖標

2.2. 將該圖標上傳至google之Picasa的個人網路相簿內, 並複製該圖標之影像網址, 如圖3所示..

圖3. 圖標之影像網址

2.3. 將該影像網址加到一段語法中(如紅字所示), 語法格式為..

<link href='put the direct URL of your image here. 將該影像網址加到此段語法中' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

2.4. 進入自己的Blogger, 點擊設計(Design)> 修改HTML(Edit HTML), 將上段語法添加到template裏, 其位置在head的區域, 介於<title><data:blog.pagetitle></title>的tag和<b:skin>的tag之間, 如圖4紅框所示.. 

圖4. 更改圖標之語法及位置

2.5. 完成後儲存範本(Save), 重新進入自己的blog, 就可看到自己的新圖標.

3. 感謝..

感謝網路上每位資訊提供者, 因為有您們無私的貢獻, 讓大家才有更美好的表現.