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

作者 是: 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):

    ico圖示製成│Yinin Blogs 換新的網站招牌囉
    簡單讓wordpress 2.7.1的BLOG支持簡繁互換
    自己的網站或blog可否連到對岸!?
    大陸封鎖網路解決方法
    「咖啡因」測試,Google新引擎 搜速倍增
    Wordpress》顯示相關文章 外掛(YARPP)
    本篇文章引用網址:

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

Tags: , , , ,

4 個回應 在 “打造你的個人化網址列小圖示!! (網站圖標)”

  1. john Says 說:

    hi!尹潔

    先前經由妳的指引及協助,經過二個多月的學習,我的Wordpress Blog 總算有型了,感謝妳!

    願妳的 GDI 事業,蒸蒸日上,長長久久。

    尹潔 回應:

    Dear John
    不用客氣,網路資訊本共享。在此恭喜你完成你的wp blog內容很豐富唷!
    友情提醒,網域若對靠自己的伺服器,是無法參加週賽獎的。
    原因:公司保障會員權益,參加週賽獎的會員必須使用WS信箱。
    而WS信箱是GDI另外附贈給會員的服務,所以當你將網域對靠自己的伺服器也將沒有WS信箱服務功能囉!

  2. john Says 說:

    ㄚ…謝謝你的提醒,就是要使用WS信箱為聯絡信箱囉!

    尹潔 回應:

    Dear John
    你對靠伺服器還能在會員管理中心設定WS信箱?
    我嘗試過,不能使用了。

Leave a Reply