2009年1月23日

為網站增添網頁圖標(favicon)~~讓你的部落格金嚇嚇

瀏覽器的網址列及我的最愛之前會有一個小小圖標
代表這個網站的一個標記 稱為favicon(favorites icon)
url網址列圖示
tab標籤(tab)圖示

用的就是這張圖http://photos1.blogger.com/x/blogger/754/829/1600/879809/mongo3.gif
  
要怎麼為你的部落格建立自己的網頁圖標呢

1.到FavIcom from Pics網站,可以上傳一張圖片,就可以下載該圖的icon圖示(.ico)

2.或是你很有繪畫天分,可以在Favicon.cc直接著色編輯

3.在blog的html編輯區 在<head>...</head>中 插入以下兩行程式碼
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">

4.若是blogger使用者,則要放在<title><data:blog.pageTitle/></title>之後

經過測試,使用FF瀏覽完全沒問題;
使用IE的話,首頁的圖標不會出現,只有文章分頁出現;
使用google chrome的話,一定要加入type="image/vnd.microsoft.icon"才會正常顯示喔

參考:電腦玩物, 星空小鴨, wiki,

1 則留言:

  1. 我還在想為什麼chrome沒出現
    這篇文章讓小弟受益良多 感謝

    回覆刪除

謝謝你的留言,歡迎常常留下意見或討論。
記得回到部落格首頁看更多文章!