close

看到別人網頁的網址列旁多了個醒目的小圖示,很新奇!卻不知如何辦到的
無意間在網路發現到這麼一個好用的製作ICON小工具,解決了我多日的疑惑
不用經過軟體就能輕鬆製作出Favicon小圖示了。

ICON小圖示定義  

 檔   名 :  favicon (可更名)  
 副檔名 :  .ico

1. 進入18_5_1.gif  Favicon Generator 製作ICON小圖示
2. 製作ICON小圖示 :

上傳gif檔(或jpg...)
創作favicon小圖示
下載favicon.ico檔 到你的電腦裡


3. 程式碼套用與網站(網頁)上傳
將下方框內語法貼至你製作完成的網站(網頁)程式碼中的<head>及</head>間 

<link rel="shortcut icon" href="小圖示網址.ico  ">

<link rel="icon" href="小圖示網址.ico  " type="image/gif">

語法中的藍色標示為Icon小圖示的URL所在位置,須將favicon.ico檔上傳至網頁空間取得網址代之
網站(網頁)重新更新上傳
 

4. 網址列小圖示預覽
套用的程式碼
僅對 Firefox 100% 有效,對 IE 可就不一定能看見網址列上的小圖示
必須將網站(網頁)重新加入到「我的最愛」, 網址列上的小圖示才能顯現。
如再無法顯示請重開機嘗試在IE網址列重新打上網址再加入到「我的最愛」打開瀏覽


5
. 完成「個人化網址列」如下圖


 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 rs5257 的頭像
    rs5257

    Resha's 攝影紀錄

    rs5257 發表在 痞客邦 留言(2) 人氣()