一個屬於個人的部落格或網站,通常都想要在瀏覽器上擁有屬於自己的圖示,
特別是最近幾年越來越多人對自己部落格呈現也是越來越要求了~

何謂Favicon?

在維基百科內有相當詳細的解說,【按此看解說
簡單的說就是網頁圖示或是頁面圖示,像是豪哥部落格上的小綠點Favicon01.jpg

總之呢~想要打造完整屬於自己的部落格或是網站,
Favicon是一個不可缺少的一部份,

如何換掉?

從Blogger的資訊主頁--->設計--->修改html

在</head>之前插入以下語法
<link  href='圖檔url' rel='icon' type='image/gif' />

或者是
<link href='ico的url' rel='shortcut icon' type='image/x-icon' />

即可。

維基百科內也有兩段語法,不過我沒用過,在這邊也順便貼上來

<link rel="shortcut icon" href="icon的url" type="image/vnd.microsoft.icon">

以及
<link rel="icon" href="icon的url" type="image/vnd.microsoft.icon">

但是這看起來難道只是IE限定嗎??
用過的人再分享一下心得吧~~看是不是在各種瀏覽器下都能完全支援囉~。

如果不能在大部分瀏覽器運作的話,建議就換個語法試試吧

另外附上Favicon製作的網站,把你設計的圖檔轉換成支援的檔案,
因為Favicon只支援.ico、 .png、 .gif而已,而且檔案極小。

.ico、 .png、 .gif

http://www.favicon.cc/

功能強大的網站,可以自己上傳自己的圖片轉換成ICON,還可以線上做細微修飾後下載,
許多網友推薦的好地方。

當然如果你只是想要換個圖案,自己也沒啥美工天份,網路上有很多icon的資源網站,
搜尋下來有一卡車可以讓你慢慢挑選。
趕快為自己的blogger選一個漂亮的新衣吧

 

本文延續:IT Farmer 資訊農夫  之  換掉blogger Favicon的方法


arrow
arrow
    文章標籤
    網站 語法
    全站熱搜

    豪哥 發表在 痞客邦 留言(1) 人氣()