打造你的個人化網址列小圖示!!
首先呢,當然是要準備一個 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│兼職│網賺︱直銷︱居家創業│持續收入│在家工作│上網加薪│小額投資│ 網路創業│網路行銷│網址域名│免費試用
閱讀 相關文章(Related posts):
- 本篇文章引用網址:
Tags: wordpress, 個人網站, 品牌, 圖標, 部落格











六月 23rd, 2009 at 3:33 下午
hi!尹潔
先前經由妳的指引及協助,經過二個多月的學習,我的Wordpress Blog 總算有型了,感謝妳!
願妳的 GDI 事業,蒸蒸日上,長長久久。
尹潔 回應:
六月 23rd, 2009 at 4:28 下午
Dear John
不用客氣,網路資訊本共享。在此恭喜你完成你的wp blog內容很豐富唷!
友情提醒,網域若對靠自己的伺服器,是無法參加週賽獎的。
原因:公司保障會員權益,參加週賽獎的會員必須使用WS信箱。
而WS信箱是GDI另外附贈給會員的服務,所以當你將網域對靠自己的伺服器也將沒有WS信箱服務功能囉!
六月 24th, 2009 at 12:00 上午
ㄚ…謝謝你的提醒,就是要使用WS信箱為聯絡信箱囉!
尹潔 回應:
六月 24th, 2009 at 1:08 上午
Dear John
你對靠伺服器還能在會員管理中心設定WS信箱?
我嘗試過,不能使用了。