打造你的個人化網址列小圖示!! (網站圖標)

作者: Yinin尹潔 / 網誌分類: Wordpress

打造你的個人化網址列小圖示!!
首先呢,當然是要準備一個 16*16 pixel 的小圖示,副檔名是 Windows Icon 的 .ico,接下來請在網友您網頁的 <head></head> 中加入以下程式碼即可:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

但是以上程式碼僅對 Firefox 100% 有效,對 IE 可就不一定囉,如果網友您的 IE 無法順利顯示網址列 icon 時,請試著加上以下兩行程式碼,一樣加在 <head></head> 之間:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="bookmark" href="/favicon.ico" type="image/x-icon" />

小技巧:

  1. 反正加入的程式碼不多,各位網友就把上述三行程式碼全加到網頁中吧!以確保萬無一失,不論是 Firefox 或 IE 都看得見。
  2. 指定的圖示可以使用相對絕對位址,本文範例是放在網站根目錄
  3. 使用圖示可以自行指定名稱,例如本範例為 favicon.ico
  4. 使用 WordPress 的朋友們,標籤不一定會在 index.php 裡面喔,也許會在 header.php 內,請至您使用的佈景主題中尋找。
  5. IE 的使用者如果發現你的網址圖示還是沒有出現時,請將自已的網誌重新加入到「我的最愛」裡面,應該就可以看見了。

其實,接下來的才是重點,那我們要如何準備 .ico 檔案呢?網友們可以去尋找 Icon 製作軟體,也可以自行以繪圖軟體製作一般的點陣圖 .bmp ,然後上傳到下面的網站,會幫你自動產生出 .ico 的檔案喔!

  1. FavIcon Generator

    http://tools.dynamicdrive.com/favicon/

  2. FavIcon from Pics

    http://www.html-kit.com/favicon/

如何,是不是很方便呢?知道上面這兩個網站後,保證讓你方便多多,功力大增喔!

本文的主題對各位網友們而言應該是很簡單的,所以剩下的細節直角就不再多加敘述了,請網友們參考直角所引用的兩位前輩網站吧!


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.WSMACEZLIFE兼職網賺直銷居家創業持續收入在家工作上網加薪小額投資網路創業網路行銷網址域名免費試用



相關文章:

Related Posts Plugin for WordPress, Blogger...
    本篇文章引用網址:

如果您也喜歡這篇文章,歡迎推文分享:

Tags: , , , ,

Comments are closed.關閉評論。