close

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

03

 

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

 

04

 

 

arrow
arrow
    文章標籤
    favicon 自定 部落 片上 站的 列前 rel shortcut ico 正方形 其它 自己 32 位址 加入 png 像是 套用 直接 ie
    全站熱搜

    vemma維瑪珉珉Min 發表在 痞客邦 留言(0) 人氣()