如何在痞客邦自定義網站圖示favicon?

2010/08/12 電腦小教室

平常我們在瀏覽網頁時都會看到許多網站的網址列前方都有一個網站小圖示(favicon),有些則沒有,像是自己架設的站台都是可以自行直接設定,今天就有朋友問到,有看到些痞客邦的網址列也有自定圖示,而不是預設的藍色小圖示,究竟是怎麼做到的呢?其實這很簡單,做法和自己架設網站的方式差不多哦,用痞客邦的同學們,趕緊為自己換一個網站小圖示吧。

01

在痞客邦部落格加入網站圖示favicon:

備註:以下方法適用其它圖檔像是jpg,png等,如果你是要用ico檔,可以直接在後台的帳戶管理→網域設定→瀏覽器網址列圖示設定即可。

先將要做為網站圖示的圖片上傳到痞客邦的相簿,記得別太大,盡量是正方形(32*32以內為佳),然後在圖片上右鍵複製影像網址,如果是IE或其它瀏覽器大同小異,總之是取得圖片位址。
02

然後進到部落格的管理後台,在基本/進階設定中的部落格描述裡加入以下語法,記得將剛剛所複製的圖片網址套用進去哦。

<link rel="SHORTCUT ICON" href="剛剛複製的圖片網址"/> 

03

儲存設定後再回到部落格首頁看,上方痞客邦預設的藍色圖示就變成剛剛所設定的圖片囉,是不是簡單幾個步驟就可以自定義自己的部落格圖示囉。

04

你可能對這些內容也有興趣

作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

3 個留言

  1. Mike表示:

    沒差吧…我都是存 png 檔然後再把副檔名改成 ico 就可以用了^^
    那無名用語法吃的進去嗎?另外…老大別害羞,你的痞客邦放出來給大家參觀啊!XD

    阿湯說:

    痞客邦那個沒內容,都在測試功能用的,無名都檔

  2. Mike表示:

    他放在帳戶管理 → 網域設定 → 瀏覽器網址列圖示,我倒是想要知道無名有沒有辦法設定…

    阿湯說:

    不過帳戶管理只能限定用ICO檔,用語法的話就沒限制囉,無名不行,奇摩都是直接限制語法,吃不進去的

  3. Mike表示:

    呃…這個功能痞客邦後台有選項可以設定喔…

    阿湯說:

    哦哦,帳戶管理,我沒特別去注意

發表留言 »

姓名(*)
信箱(*)