我們一般看到一個網頁,會發現除了網頁美美的設計外,連同網頁的網址列也會被裝飾設計具該網頁代表性的logo,這是怎麼做到的阿? (讓我們繼續看下去....)

其實這個功能是很普及了,在一次很突然就想說也來試試看。(是完全沒有計畫下就開始....)
製作前於是先找了有關這方面的作法,先做了一下預備功課。

目前知道的方式有2種:

(A) 在網頁原始碼加上語法

(B) 在部落格的後台更改(這個方法是我在試了第1種方法無效時,才又找到第2種方法。這個方法簡單又快速,都不
        知道我之前花時間在搞第1種方法是在鬼打牆嗎!? )


---------------------------------------------------------廢話不多說,馬上行動---------------------------------------------------------------

(A) 在網頁原始碼加上語法

根據網頁收集資訊,作法是 :

a. 先準備一個大小16X16像素圖示(副檔名.ico/.gif / .png都可),並上傳到網路或其他目錄空間。

b. 然後在網頁原始碼 <head> </head> 之間放上這段語法:
<link rel="shortcut icon" href="http://圖示所在目錄/favicon.ico" type="image/x-icon" />

網頁原始碼修改由這個位置進入

1.<到Blogger後台 → 範本>














2.<範本進去後 → 編輯HTML→ 選擇繼續>

























3.<把語法加入 → 儲存範本>




參考網址
http://www.youtube.com/watch?v=rWTgkacq8_U
http://waterbee.blogspot.tw/2006/03/favicon.html


不過這個方式我試過並沒有用。所以不死心地在找了一下才發現了下面第2種方法。

(B)在部落格的後台更改

第2種方法可真是快速又省時,只是要有耐心等一下,通常更改後3-6小時就會改變了。


a. 先準備一個大小16X16像素圖示(副檔名.ico/.gif / .png都可,我是使用.png),並上傳到網路或其他目錄空間。

b. 進入Blogger後台管理介面將圖架上去,作法


1.<到Blogger後台 → 版面配置 → 頁面中左上角的網站小圖示 → 編輯>




















2.<選擇你要放的圖示檔案上傳,大小不得超 100KB ,且要方形圖片。要是不行上傳,面會出現文字
       提醒你不可上傳因素。>














1.<選好點擊儲存。通常更改後3-6小時就會更新了。>












Leave a Reply