如何使用線上工具favicon.io | 快速設計你專屬的 Google Blogger 網站小圖示

使用 Google Blogger寫網誌的人應該都知道，預設的網站小圖示(favorites icon)是一個【B】：

在 Google Blogger 要變更【網站小圖示】有個十分便利的方式，但要先設計好你的圖示，當然也可以透過免費的👉 flaticon Website 去取得。

本篇則透過線上網站 favicon.io，教你「快速客製一個你專屬的 Google Blogger 網站小圖示」。

 

▼ 使用 favicon.io設計 icon步驟：

STEP1.

首先連結到 👉 https://favicon.io/

有三種方式可以客製 icon你可以參考「下方文字說明」。

本篇示範點選「TEXT → ICO」

STEP2.

➤在 Text輸入你要顯示的【文字】

➤ 在Font Color點選下方顏色表選擇【字型顏色】

➤ 在background Color點選下方顏色表選擇【背景顏色】

Preview 可以讓你馬上看到 icon目前樣子。

STEP3.

➤在 Background 你可以調整 icon【背景形狀】

STEP4.

➤在 Font Family 你可以調整【字型】

STEP5.

➤在 Font Size 你可以調整【字型大小】

STEP6.

如果你有自架站台，你也可把圖示 icon放到你的website根目錄，再使用HTML語法去顯示。

STEP7.

設計完成後 > 點選【Download】，會下載一個壓縮檔。

STEP8.

開啟壓縮檔會出現所有size 的 icon

 

▼如何變更 Google Blogger網站小圖示：

STEP1.

開啟你的 Google Blogger後台 > 【設定】 > 【網站小圖示】

STEP2.

點選【瀏覽】

STEP3.

選擇要上傳的 icon圖片 > 【開啟】

STEP4.

【儲存】

STEP5.

完成後你可以看到一個「你個人專屬的 favorites icon」。

▼延伸閱讀：

👉 Google Blogger 站長注意囉！「電子郵件追蹤」小工具 (Feedburner) 即將終止，如何匯出郵件名單？

👉 如何修改Google Blogger的時間為台灣時間？

👉 如何在部落格顯示Line分享按紐？