網站領航員
相信不少人都有使用 Gmail,可是你知道透過 Gmail 篩選器能讓信件變得更加有規則嗎?
歡迎點閱站長小柏期中考後的第一發文章:《善用 Gmail 篩選器來管理郵件

大家在上網時,不知道會不會注意到,有些網站的網址列前方,會出現一個特別的圖案。

以IE瀏覽器為例,原本都會出現這樣子:(備註:此網址為MDC軍武狂人夢)

01_IE的預設Icon.png  

不過,如果該網站有設定專屬的「Icon」時,網址列前端就不會再是那冷冰冰的IE Icon,以Yahoo!奇摩為例:

02_Yahoo的Icon.png 

一般的網站可以設定,那部落格呢?

有些開放比較多的部落格平台,例如Lifetype,可以自己在模板中加入Icon語法,以下圖為例:

03_Lifetype的Icon語法.png 

不過一般的部落格平台(例如:Yahoo!奇摩部落格、無名小站、痞客邦等)並沒有提供自訂模板,模板都已經幫你架構好了,使用者只能自行修改CSS語法。

痞客邦雖然沒辦法修改模板,但是痞客邦有提供自訂Icon上傳的設定值。本文將會以痞客邦作為範例操作。

可是,一般人通常沒有製作Icon的技術以及軟體,因此,這裡提供給大家一個很不錯的網站。

這個網站裡面有成千上萬個小圖案,有提供PNG圖檔以及ICO圖檔,大家只要下載ICO圖檔就可以使用囉!

 


 

 Iconfinder 

語言:英文
網址:http://www.iconfinder.com/
截圖:

05_Iconfinder首頁截圖.png 

 


 

首頁一進去之後,就可以直接選擇你想要搜尋的類別。

05_Iconfinder搜尋結果.png 

找不到喜歡的圖案,可以重新搜尋一次你所想要的類別,找到的話,就點進去看吧。

05_Iconfinder搜尋結果2.png 

點進去之後,當然就是要下載囉。如果你想要將這的圖案當成網站的Icon,那就點選【Download ICO】。

06_Iconfinder下載圖檔.png 

下載之前,等等,先別急!

為什麼?

以痞客邦為例,痞客邦只能容許上傳最大10KB的ICO檔案,但是上面這個檔案太大了。大家有沒有發現,下面還有一部份更小的?

 06_Iconfinder下載圖檔2.png 

通常網站所使用到的Icon圖檔,尺寸都是32x32而已,所以建議大家如果是要套用在痞客邦的話,就選擇32x32的尺寸吧!

接著,前往你的網站(本文章以痞客邦為例)。

痞客邦使用者,可以進入後台管理中的「帳戶管理」,點選左列「網域設定」,即可自行上傳Icon。

04_痞客邦的Icon上傳功能.png

 

點選【上傳新 ICO 檔】→【選擇檔案】→【開啟】→【送出】→【儲存設定】。
詳細流程參見下圖吧!

07_設定痞客邦Icon.png 

之後,前往你的網站,就可以看見漂亮的Icon囉!

08_設定痞客邦Icon完成.png 

 


 

大家如果想替自己的網站找一個好看的Icon,就去造訪Iconfinder吧!

其實小柏也不是不會自製Icon啦,只是懶得用......,而且做出來的也不怎麼好看。

目前這個網站所提供的圖檔,總共有145,879個,大家可以嘗試多種關鍵字,找到最喜歡的圖檔,下載來使用!

小柏(Shiaubo) 發表在 痞客邦 PIXNET 留言(9) 人氣()


留言列表 (9)

發表留言
  • 光Guand
  • 嘎,我自己在用痞客邦第一天就已經自己做好了 0.0
  • 有啊,我在當時就有注意到,我發現你做出來的字體很好看,很圓滑呢!

    小柏(Shiaubo) 於 2011/02/06 08:58 回覆

  • 沐〃
  • 欸欸欸這個好玩耶!!(激動
    看的我自己也好想要作一個xD

    小柏兄也替自己的痞客換一下嘛=w=(慫恿?
  • 哈哈~
    不知道要換啥,等到「感覺」來了再換吧!

    小柏(Shiaubo) 於 2011/02/08 22:10 回覆

  • 貓月
  • 哇!
    小柏好厲害~
    我之前就有在問這個說
  • 呵呵 (LOL)
    謝謝誇獎~

    小柏(Shiaubo) 於 2011/02/10 13:34 回覆

  • finger
  • 酷耶酷耶!
    我也要試試~
  • 呵呵,挺好玩的!

    小柏(Shiaubo) 於 2011/02/13 18:06 回覆

  • 樸寶貝♥
  • 請問?!為何我用了您的方式卻沒有顯示呢?!
    麻煩您了>M<
  • 我現在去看一下你的網站,Icon現身了(現在應該沒問題?)
    我在文章沒有說得很清楚,其實設定之後可能要等待五分鐘左右才會出現,網站不會馬上顯示。
    真是不好意思~

    小柏(Shiaubo) 於 2011/09/14 20:41 回覆

  • 樸寶貝♥
  • 嗯嗯~~原來~~我今天看就有了~~哈哈
    謝謝你唷^^
    感恩^^
  • 不客氣! ^_^

    小柏(Shiaubo) 於 2011/09/14 21:41 回覆

  • Waterdeer(水鹿)
  • 小柏這篇文對我幫助很大喔 推一個~
  • 哇,三年前的文章還能幫助你呀,看來這篇文章還真有價值!

    小柏(Shiaubo) 於 2014/02/06 10:03 回覆

  • 悄悄話
  • MingLi 米粒
  • 好實用!!! 謝謝小柏!!!!!!!