close

 

自訂網頁圖示-Article Pic

看看上面三個網站,有沒有發現共通點呢? (有!!都是很好的網站!!)並不是這樣OK? 這些網站都有自己的圖示,而這是讓自己網站更帥氣、個人化的必備要件,所以就讓丹尼(小弟)來介紹一下吧~~
[其實有兩種方法,但是經過測試後發現第二種方法IE無法正確抓到圖示,所以丹尼決定只教大家第一種方法,以免混淆大家!!]

要達成這個其實非常簡單,只要幾個步驟就可以完成了!

1.先製作一個附檔名為.ico的圖示:
建議檔名為:(可以省去不少麻煩!)

favicon.ico

小弟的大發現的圖示:  favicon.ico
(小畫家無法存成.ico檔案,建議可以先存成.jpg檔案,再使用格式工廠轉檔!!)

2.上傳到你的網站:
建議放在跟你的首頁的同一個資料夾下,這樣就不需要指定目錄。

3.加入原始碼:
在你的網頁原始檔的 <head></head>之中加入:

<link rel="shortcut icon" type="image/x-icon" href="favicon.icon所放之處" />

(如果是在同一個網址下的檔案或資料夾,可以直接打目錄。 Ex: “/self-upload/favicon.ico”會直接轉向“http://blog.bigexplorations.com.tw/self-upload/favicon.ico”)

4.這樣就大功告成啦!!
favicon-work


P.S. 有些教學方法會省去第3步驟,但經丹尼測試發現,如果不加入原始碼的話,IE可能會偵測不到(也就是顯示IE預設的圖示)!!

arrow
arrow
    全站熱搜

    Robin0320 發表在 痞客邦 留言(0) 人氣()