Blog 小圖示
眼尖的人或許已經注意到了，在點進我的Blog之後，網址的小圖示與平常IE或Firefox預設的圖示變得不一樣了。原因無他，我動了點小手腳。
一直很羨慕別人的網站可以有自己的小圖示，所以，在網路上不小心看到了方法，發現其實這是非常簡單就能做到的事，於是就自己做了一個。想要自己加小圖示的人也可以試著照下面的方法做喔！
１、準備一個32X32大小的小圖片（其實各種大小都行，但太大縮圖起來就不好看了）。
２、連結到此網站：favicon
３、於【Source Image】指定你要用做圖示的小圖。
４、【Scrolling Text (optional)】就是指定要在小圖後顯示的捲動文字。（可以不填）
５、【Animate Favicon】後方的checkbox打勾。
６、點下【Generate FavIcon.ico】的按鈕。
７、下載壓縮檔，並解壓縮。
８、將裡面附加的gif檔、ico檔上傳到網頁空間中。（沒有網頁空間的話，請拜一下孤狗大神。或是，有孤狗帳號的話，可以利用Google Page Creator）
９、在網頁的設定中加上以下兩行文字。（請記得加在<head> </head>的區塊中）
<link href='ico的網路位址' rel='shortcut icon'/>
<link href='gif的網路位址' rel='icon' type='image/gif'/>
１０、測試網頁，大功告成！！
利用FavIcon只是方便你做出這樣的小圖，說真的，效果普通，但還可接受。若有興趣的人，其實可以自己動手設計。只要有做Gif動畫的軟體，並做出16X16大小的動畫圖示就可以了。（自己是蠻想做的，不過，我還是多花一點心思在自己的「正業」比較重要。）
以上小技巧，提供給想嘗試的人玩玩看喔！
This is interesting! I'll be testing and trying it whenever I have leisure time. I am pretty busy recently becuase there is a pretty lady with me!
回覆刪除