打造你的個人化網址列小圖示!!
首先呢,當然是要準備一個 16*16 pixel 的小圖示,副檔名是 Windows Icon 的 .ico,接下來請在網友您網頁的 <head></head> 中加入以下程式碼即可:
但是以上程式碼僅對 Firefox 100% 有效,對 IE 可就不一定囉,如果網友您的 IE 無法順利顯示網址列 icon 時,請試著加上以下兩行程式碼,一樣加在 <head></head> 之間:
<link rel="bookmark" href="/favicon.ico" type="image/x-icon" />
小技巧:
- 反正加入的程式碼不多,各位網友就把上述三行程式碼全加到網頁中吧!以確保萬無一失,不論是 Firefox 或 IE 都看得見。
- 指定的圖示可以使用相對或絕對位址,本文範例是放在網站根目錄。
- 使用圖示可以自行指定名稱,例如本範例為 favicon.ico
- 使用 WordPress 的朋友們,標籤不一定會在 index.php 裡面喔,也許會在 header.php 內,請至您使用的佈景主題中尋找。
- IE 的使用者如果發現你的網址圖示還是沒有出現時,請將自已的網誌重新加入到「我的最愛」裡面,應該就可以看見了。
其實,接下來的才是重點,那我們要如何準備 .ico 檔案呢?網友們可以去尋找 Icon 製作軟體,也可以自行以繪圖軟體製作一般的點陣圖 .bmp ,然後上傳到下面的網站,會幫你自動產生出 .ico 的檔案喔!
- FavIcon Generator
http://tools.dynamicdrive.com/favicon/
- FavIcon from Pics
http://www.html-kit.com/favicon/
如何,是不是很方便呢?知道上面這兩個網站後,保證讓你方便多多,功力大增喔!
本文的主題對各位網友們而言應該是很簡單的,所以剩下的細節直角就不再多加敘述了,請網友們參考直角所引用的兩位前輩網站吧!
- 小樽 – 小春天工坊2.0 – 自製網站(網址列)圖示教學
http://www.skyhunter.com.tw/blog/?p=122
- 幻想的世界 – 網站的專屬小圖示
http://fantasyworld.idv.tw/archives/8
2007/10/27 補充說明:
沒想到一時的疏忽,居然忘了把最重要的好物介紹出來,就是下面這個網站,
這是一個線上製作網址列 icon 的網站,你甚至不需要自己用繪圖軟體製作自己的圖示,直接在這個網站上製作就可以了,對於不擅長使用繪圖軟體的網友們,應該是相當方便吧
[轉載: http://mrangle.macroviz.com/?p=74 ]
.
助人达成梦想生活,共创网路互助事业
You can have everything you want in life
If you will just help enough other people get what they want
您可以擁有您想要的一切,只要您願意幫助更多人獲得他們想要的.
免費索取線上中文DVD影片說明 www.ezlife.ws
GDI│.WS│MAC│EZLIFE│兼職│網賺︱直銷︱居家創業│持續收入│在家工作│上網加薪│小額投資│ 網路創業│網路行銷│網址域名│免費試用
相關文章:
- 本篇文章引用網址:












