20081128pixnet
Favicon全名為Favorite Icon,
也就是網站圖示。
這麼說也許大部分的人還是搞不清楚這個Favicon到底是什麼?
其實它就是在瀏覽器網址列前面的小圖示(就是上面圖片紅圈框起來的地方)。
20081128pixnet_old
最近痞客邦把預設的Favicon改掉了,
上圖中的白色、藍色與橙色的Favicon已成過去。
取而代之的是下圖的藍色對話框。
20081128pixnet
雖然我個人對原本的Favicon也不是挺滿意,
但是看到這藍藍一坨的圖示,
更是無言。

於是我終於下定決心要把痞客邦的Favicon換掉了。

要換掉Favicon,
首先要先準備副檔名為ico的圖示,
網路上有很多免費的ico可以下載使用。
例如:
http://www.favicon.cc/
不過還是建議直接用Google大神來搜尋,
這樣應該會發現更多提供ico下載服務的網站。
http://www.google.com.tw/search?hl=zh-TW&q=icon+free

只要把挑選好或製作好的ico上傳的免費的網站空間後,
就可以進入痞客邦的後台來進行設定的動作。

請點選[進入後台]->[部落格]->[基本/進階設定],
接下來在「部落格描述」這個欄位輸入以下語法:
<link rel="SHORTCUT ICON" href="擺放ico檔案的網址"/>
20081128html
最後記得按下【儲存設定】,
這樣子就大功告成了。

趕快來看一看剛剛努力的效果!
首先是Firefox瀏覽器:
20081128firefox
耶!完全成功!
我的Favicon已經從藍框變成了綠葉了。

20081128ie
IE 7一樣順利顯示綠色的葉子。

20081128
Google的Chrome瀏覽器也可以看到小綠葉嚕。

20081128safari
只有Apple的Safari‧‧‧
它竟然還是給我顯示小藍框   Orz

總結來說,
要把痞客邦預設的Favicon換掉,
其實並不困難。
如果你想換Favicon很久了,
那還等什麼!
趕快動手吧!

創作者介紹
創作者 賽拉維‧柯南 的頭像
賽拉維‧柯南

賽拉維的秋天

賽拉維‧柯南 發表在 痞客邦 留言(12) 人氣()


留言列表 (12)

發表留言
  • viana
  • 我看了半天耶~
    為什麼我沒有這個東西阿~~~
  • 如果是用IE 6的話,那就只會看到一個e喔..Orz

    賽拉維‧柯南 於 2008/11/29 11:11 回覆

  • joyce00927
  • 我也有發現小圖變成這種藍色的圖示了
    但是...算了...不理他XD
  • 呵..我是拖很久.才下定決心換掉它的XDDD

    賽拉維‧柯南 於 2008/12/01 17:07 回覆

  • shirleywu1016
  • 耶耶~小莉也更新囉!

    by 韓媳小莉
  • 呵呵呵...大家都來擁有自己的Favicon吧!!

    賽拉維‧柯南 於 2008/12/28 22:50 回覆

  • yayun68
  • 謝謝分享啦^^
    本來還想說要怎麼自己設計一個.ICO的檔
    這個教學很讚喔
  • 謝謝yayun的鼓勵喔..
    不過最近我發現痞客邦也開發了這個功能..
    在後台直接上傳圖檔即可的樣子..

    賽拉維‧柯南 於 2009/01/20 08:55 回覆

  • yayun68
  • 痞客有這功能
    但我用了很久都不ok
    就當在那了
  • 原來如此呀..
    那歡迎使用我這邊的方法吧!!

    賽拉維‧柯南 於 2009/01/20 22:04 回覆

  • yayun68
  • 又OK了
    我是兩種都用
    痞客有限制10K以下
    所以我部落格用的方式是你這一種的
  • 原來如此.....
    看到嚕..
    是蝴蝶呢!!

    賽拉維‧柯南 於 2009/01/20 23:21 回覆

  • candicefish
  • 痞客幫自行上傳圖檔那功能做的並不完善,
    我嘗試了好多次都失敗,
    在上頭那位yayun68介紹下,我也使用了你的語法。
     
    另外,我也引用了你的語法,
    並在這篇文章內做了介紹:http://candicefish.pixnet.net/blog/post/22980687
    如有不妥請告知,我會馬上取下,謝謝。
  • 很高興能幫到你..
    有註明出處就好...^^

    賽拉維‧柯南 於 2009/01/21 21:43 回覆

  • giovanna80s
  • 我也覺得舊式那個比較好看,新的那個跟無名有的拼,ㄧ個藍ㄧ個綠,都是個框。
  • 哈哈...所以還是用自己的favicon吧!!!

    賽拉維‧柯南 於 2009/01/24 14:14 回覆

  • 笨琦
  • 無名去後台後要怎用?
  • 無名好像沒有介面可以放這個語法也...Orz

    賽拉維‧柯南 於 2009/02/07 00:03 回覆

  • LINYUYANGIOU
  • 請問一下 什麼才算是免費的網路空間? 我試了好久都沒成功><
  • 這個嘛...就是不用錢可以讓我們擺東西在上面並在網路上存取的空間....
    用google打免費空間
    應該可以幫助你找到這樣子的服務

    賽拉維‧柯南 於 2009/06/05 07:39 回覆

  • ajon
  • 第一次造訪..受益良多!
    甘溫捏~~
  • 歡迎ajon, 有空多來逛逛喔..^O^

    賽拉維‧柯南 於 2010/04/02 07:03 回覆