部落格小技巧：如何自訂網址列的圖示

11.08.2007

噹噹噹!!!今天小飛要教大家怎麼把網址列的圖示換成自己喜歡的圖樣哦~
效果就像下圖：

現在小飛就一步一步教大家怎麼改囉~

1. 創造出自己的圖示，方法有二

使用自己的圖形檔 - 將自己想要用的圖用圖形編輯軟體裁成16*16pixel後，再存成.png格式的檔案。
接著到ConvertIcon這個網站，它可以將你的圖片(png檔)轉成.ico格式的Icon檔案。
懶得自己編輯的人，可以直接上網找圖下載，這裡提供一個免費下載的網站：Favicon Gallery

2. 無論自己做或是下載的Icon檔，將它命名成favicon.ico後，找個網路空間將它
上傳上去。至於網路空間，你可以用你ISP給的，或是上網申請一個，小飛是使用
Google提供的免費空間Google page creator。

3. 在你網頁首頁的程式碼，<head>與</head>間加入下面這一行：

<link rel="shortcut icon" href="http://你的網頁空間/favicon.ico" />

如果你是用現成的BSP(Blog空間提供者)的話，請想辦法找到版面配置的地方，
然後進行HTML原始碼編輯，一樣找到<head>後加入。

4. 完成以上步驟後，再用瀏覽器開啟，就可以看到你的圖示出現在網址列囉!!!

Pages