2009年08月23日

幫你的網站加入一個網址列小圖示!

Free Favicon 提供相當大量的免費favicon小圖示,分門別類,下載後就能使用。至於什麼是favicon呢?簡單來說,就是出現在網址列左側的那個小圖案,一般大小都是 16x16 或是 32x32。


作者/Pseric

Free Favicon - 免費favicon收集站,快幫你的網站加入一個網址列小圖示!

Free Favicon

Free Favicon 提供相當大量的免費favicon小圖示,分門別類,下載後就能使用。至於什麼是favicon呢?簡單來說,就是出現在網址列左側的那個小圖案,一般大小都是 16x16 或是 32x32。可別小看這微不足道的小圖,它足以代表一個網站或部落格,因為當使用者進入你的網站,或是將網站加入書籤後,都會看到這個圖案。

還是不知道這是什麼嗎?以下有幾個favicon,看圖你就明白!

Google Favicon

Yahoo! Favicon

Microsoft Favicon

進入 Free Favicon 網站,可以看到一個Favicon產生器,透過它可以將GIF, JPG和PNG格式的圖片轉為ICO圖示檔。而在網站最上方,可以看到分門別類的Favicons選單,包括有商業、國旗、網路、物件和軟體等幾種。

free_favicon_04.png

進去分類後,會隨機顯示10個圖示,如果你不喜歡,可以重新整理頁面,或是以 A-Z 的英文分類來找尋 favicon 圖示。

free_favicon_05.png

商業faviconhttp://www.freefavicon.com/freefavicons/business/index.php
網路favicon
http://www.freefavicon.com/freefavicons/network/index.php

free_favicon_06.png

物件faviconhttp://www.freefavicon.com/freefavicons/objects/index.php
軟體favicon
http://www.freefavicon.com/freefavicons/software/index.php

free_favicon_07.png

國旗faviconhttp://www.freefavicon.com/freefavicons/flags/index.php
雜項favicon
http://www.freefavicon.com/freefavicons/misc/index.php

favicon設定方式

1. 先下載你需要的圖示檔,通常格式為 .ICO,然後Pseric會習慣將它重新命名為 favicon.ico

free_favicon_08.png

2. 將 favicon.ico 上傳到你的虛擬主機裡,最好是放在根目錄底下。

free_favicon_09.png

3. 最後在原始碼的 <head> 和 </head> 間,插入以下語法:

<link rel="shortcut icon" href="你的favicon路徑" />

4. 重新整理頁面,就可以看到圖示出現在瀏覽器網址列的左側囉!


Posted by hui1129 at 樂多Roodo! │09:30 │回應(0)引用(0)生活休閒連結網
樂多分類:日記/一般 工具:編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/9817581