[網頁小技巧]自製網址列圖示

二月 4, 2008 at 8:57 am (網頁小技巧)

範例:animated_favicon1.giftmp10_dup_ab079fc5c0a10ba84bbbe44ef311b2e1.giftmp10_dup_c06f9a7cf64a9108b9a6ca871cccc996.gif

範例:7777.png

放一個有自己style的圖示在網址列很炫吧@@ 大家跟著我一起動手做吧!

step1:自製您專屬的16*16 像素的圖示。

方法如下 :( 1)使用Azalis IconWorkshop等軟體,製作。

(2)自製專屬自我風格的圖檔(png , gif ,jpg等)上傳到FavIcon from Pics這個網站,可以幫你轉成ico檔。(預設檔名為favicon.ico)

step2:把下載回來的ico檔擺在blog空間的根目錄或者任一目錄。

step3: 請打開您的網頁編輯器,在原始碼底下的<head>及</head>之間輸入以下的指令,

<link rel=”shortcut icon” href=”圖示所在資料夾路徑/檔名.ico”/>

<link rel=”Bookmark” href=”圖示示所在資料夾路徑/檔名.ico”/>

**如果圖示是放在根目錄底下,只需要把href=”圖示示所在資料夾路徑/檔名.ico”改成 href=”檔名.ico”即可。

上述指令第二行是指書籤的圖示,也就是你把他加入到書籤時也可以顯示自我的icon。

@**@進階教學: 上面作法是靜態的圖示,如果要製作成動態的請依以下步驟:

繼續閱讀文章 »

固定網址 張貼留言