2007/06/08

Blog 小圖示


  眼尖的人或許已經注意到了,在點進我的Blog之後,網址的小圖示與平常IE或Firefox預設的圖示變得不一樣了。原因無他,我動了點小手腳。

  一直很羨慕別人的網站可以有自己的小圖示,所以,在網路上不小心看到了方法,發現其實這是非常簡單就能做到的事,於是就自己做了一個。想要自己加小圖示的人也可以試著照下面的方法做喔!

1、準備一個32X32大小的小圖片(其實各種大小都行,但太大縮圖起來就不好看了)。
2、連結到此網站:favicon
3、於【Source Image】指定你要用做圖示的小圖。
4、【Scrolling Text (optional)】就是指定要在小圖後顯示的捲動文字。(可以不填)
5、【Animate Favicon】後方的checkbox打勾。
6、點下【Generate FavIcon.ico】的按鈕。
7、下載壓縮檔,並解壓縮。
8、將裡面附加的gif檔、ico檔上傳到網頁空間中。(沒有網頁空間的話,請拜一下孤狗大神。或是,有孤狗帳號的話,可以利用Google Page Creator
9、在網頁的設定中加上以下兩行文字。(請記得加在<head> </head>的區塊中)
  <link href='ico的網路位址' rel='shortcut icon'/>
  <link href='gif的網路位址' rel='icon' type='image/gif'/>
10、測試網頁,大功告成!!

  利用FavIcon只是方便你做出這樣的小圖,說真的,效果普通,但還可接受。若有興趣的人,其實可以自己動手設計。只要有做Gif動畫的軟體,並做出16X16大小的動畫圖示就可以了。(自己是蠻想做的,不過,我還是多花一點心思在自己的「正業」比較重要。)

  以上小技巧,提供給想嘗試的人玩玩看喔!

1 則留言:

  1. 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!

    回覆刪除

歡迎大家留言,您的留言是我繼續發文的動力!!
如果要知道留言有回覆的話,可以按下留言框右下方的通知我,如此有新的留言,或我有回覆時,您就能立刻收到訊息。若之後您不想再收到其他留言,只要回到這篇文章的留言框下方,取消勾選即可。