什麼是Favicon呢？簡單的說，就是當你使用支援分頁的browser時(ex:FireFox)，在頁籤列上網站名稱旁出現的小圖示。這樣說可能不是很清楚，就拿Google來舉例吧？ 若你瀏覽Google時，在它旁邊出現的圖示就是 ，也就是所謂的favicon，或是page icon。
那要怎麼在自己的網站上加入icon呢？ 假設你的網站是：http://example.com 最簡單的方法，就是在自己網站上的根目錄上傳一個favicon.ico，還是拿Google來舉例：http://www.google.com.tw/favicon.ico
但是像Blogger這種免費的空間，沒辦法讓你如此上傳，還有另一種方法，在template內<head >跟</head>之間加上這段code：
<link rel="shortcut icon" href="http://example.com/favicon.ico" />
<link rel="icon" href="http://example.com/favicon.ico" />
example.com 就是你的網站，例如我的就是 shenez.blogspot.com
<link rel="shortcut icon" href="http://example.com/favicon.ico" />
<link rel="icon" href="http://example.com/favicon.ico" />
example.com 就是你的網站，例如我的就是 shenez.blogspot.com
有些Image Hosting不支援上傳ico類型的圖檔，你可以改上傳png也行。
在code裡，把 favicon.ico改成 favicon.png就行了~~
本blog之favicon：
PS. 將圖檔轉成ICO(online)：FavIcon from Pics
2 則留言:
.ico 可以上傳到 http://pages.google.com/
不過favicon.ico前面的檔名要改成一下
謝謝angelo！原來檔名不能用favicon.ico呀！
我之前試過，變成google的圖示，還以為是那裡設定錯了？
改成shen.ico就可以了~~
張貼留言